помогите с горизонтальными списками-меню

[otmoroz095]

Доброе всем время суток!

У меня непонятная проблема:

Структура:

<div class='wrapper'>
		<div class='head'>
			<!--Регион "Заголовок"-->
			<div class='user-login'></div>
			<div class='searchbox'>ПОИСК
			</div>
			<!--Конец "Заголовок"-->
			<div class='logo'>
				<b>logo</b>
			</div>
			<div class='site-title'>
				Система Коммуникации
			</div>
			<div class='top-menu'>
				<ul>
					<li>MENU1</li>
					<li>MENU2</li>
					<li>MENU3</li>
					<li>MENU4</li>
				</ul>
			</div>		
		</div><!--end head-->
		<div class='content-inner'>
			<div class='content-top'>
			'content-top'
			</div>
			<div class='content'>
			'content'
			</div>
			<div class='content-bottom'>
			'content-bottom'
			</div>
			<div class='left-side'>
			left
			</div>
			<div class='right-side'>
			right
			</div>
		</div><!--end content-nner. Если боковые блок нужны в общем иннере (рядом с контентом) то ставить их надо до этого дива. А если в края сайта - то после -->
	</div><!--end wrapper обрамление для всего сайта-->

css для меню:

		.top-menu {
			height:40px;
			background:black;
			width:100%;
			}
		div.top-menu ul {
			float:left;
			border-left:2px solid #ffffff;
			color:#ffffff;
			text-align:center;
			}
		.top-menu ul li {
			float:left;
			overflow:hidden;
			}
		.content-inner {
			clear:both;
			}

почему-то content-inner попадает в див top-menu. Подскажите, плиз, в чем ошибка? Спасибо!

[otmoroz095]

Решил! Извините, пожалуйста!

У меня для <div class=head> и class top-menu была жестко задана высота! и меню не вмещалось в head!