Расстояние между элементами css

[epog333]

Я хочу сделать блок. Пишу:

		<div id="left_colon">
<div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div>
<div id="middle_block">Текст блока</div>
</div>

В CSS:

#top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;}

#middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;}

#left_colon {border-spacing: 0; margin: 0; padding: 0;}

Получается так:

Помогите пожалуйста!

Edited February 18, 2011 by epog333

[swetlana]

У вас для #top_block указано height: 35px и padding: 8px.

Суммарная высота складывается из этих двух параметров.

Экранная линейка говорит о том, что как раз от верхнего края заголовка до верха линий 51px.

Значит всё нормально.

А если сделаете height: 19px, то получится то, что вы ожидаете.

[epog333]

У вас для #top_block указано height: 35px и padding: 8px.

Суммарная высота складывается из этих двух параметров.

Экранная линейка говорит о том, что как раз от верхнего края заголовка до верха линий 51px.

Значит всё нормально.

А если сделаете height: 19px, то получится то, что вы ожидаете.

Спасибос! Получилось!