Как удалить пробел между двумя элементами?

Question

[hesy]

Добрый день, подскажите как удалить пробел (соединить) два элемента вместе, по неизвестной мне причине, два блока оторвались друг от друга.

Что имеется:


Прошу помощи дилетанту.

CSS код изображения:

.myimage {
        border-left: 1px solid #212121;
	border-right: 1px solid #212121;
	border-bottom: 1px solid #2d2d2d;
}

CSS код меню:

.captionStats{
width:auto;
	background: #333333;
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #262626;
	text-shadow: 0px 1px 0px #262626;
	border-left: 1px solid #212121;
	border-right: 1px solid #212121;
	border-bottom: 1px solid #2d2d2d;
}

HTML

<img src="img/screens/welcome.jpg" width="99.5%" height="240" alt="" class="myimage">
	<div class="captionStats">Войдите или зарегистрируйтесь.</div>

Comments

[Andrej Sharapov]

нужно больше кода, закиньте на jsfiddle.net

Answer 1

[Андрей Гончаров]

img - строчный элемент. У него всегда есть отступы. Сделай у img deisplay:block;

Answer 2

[lamer350]

Для img прописать css vertical-align:bottom;