Проблем с разместване под FF?

[FestarBG]

Имам 2 проблема.Първият е че съм направил главния див main с височина 100% за да се разтяга според съдържанието,а вижте как това меню остава по-долу.И вторият по сериозен проблем е разстоянието между горната част и долната част на менюто.Ето css кода i html-a:

style.css:

html,body {height:100%; background-image: url(img/bg.png); background-repeat: repeat; margin: 0px; padding: 0px;  font-size: 12px; font-family: verdana,times,arial; color: #000;}

#main {margin: 0 auto; width: 850px; height: 100%; background-color: #fff; border: 5px solid rgb(183,34,17); color: rgb(183,34,17);}

#header {width: 850px; height: 108px; background: url(img/header.png) no-repeat; border-bottom: 5px solid rgb(183,34,17);}

.top_box {background-image: url(img/top.gif); background-repeat: no-repeat; width: 200px; height: 45px; margin-left: 10px;}

.center_box {background-image: url(img/center.gif); background-repeat: repeat-y; width: 200px; height: 200px; margin-left: 10px;}

.bottom_box {background-image: url(img/bottom.gif); background-repeat: no-repeat; width: 200px; height: 25px; margin-left: 10px;}

.menu a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 160px;
height: 48px;
float: left;
display: inline;
margin-right: 4px;
margin-left: 4px;
background-image:url(img/menu.gif);
background-repeat: no-repeat;
padding-top: 14px;
text-align:center;
}

.menu a:hover{
background-image:url(menu_hover.png);
}

index.html:

<body>
		<div id="main">
			<div id="header"> </div>
			<div class="menu">
				<a href="#">asdf</a>
				<a href="#">asdf</a>
				<a href="#">asdf</a>
				<a href="#">asdf</a>
				<a href="#">asdf</a>
			</div>
			<div class="menu_big">
				<div class="top_box"> </div>
				<div class="center_box"> </div>
				<div class="bottom_box"> </div>
			</div>
			<div class="menu_big">
				<div class="top_box"> </div>
				<div class="center_box">
				<div class="menu2">
					<ul class="menulist2">
						<li><a href="http://78.130.151.50/index.php">Начало</a></li>
						<li><a href='http://78.130.151.50/about.php'>За играта</a></li>
						<li><a href='http://78.130.151.50/about.php'>За играта</a></li>
					</ul>
				</div>
				</div>
				<div class="bottom_box"> </div>
			</div>
		</div>
	</body>

Мерси предварително.

 

[FestarBG]

Up.. :roll:

 

[shterev]

мисля че проблема ти е от това float преди края на главния див, където е менуто сложи това -><div style="slear:both;"></div>