Верстка Div'ами. Проблемка в Ff =(

[shtacson]

Здравствуйте все!

Я решил перейти на верстку DIV'ами. Вот, пытаюсь сверстать первый сайт

Возникла следующая проблема: в FF не соответствуют задуманному два места: съезжает фон меню, и не тянется слой белого фона (в CSS #white_bg)

Подскажите где я накосячил

Вот пациент: http://chop-vektor.ru/

Код css файла:

* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: verdana, tahoma, arial;
	background: url(images/bg.jpg) repeat;
	padding: 22px 0 0 0;
	margin: 0;
}

.png {
	behavior: url(pngbehavior.htc);
}

#clear {
	clear: both;
}

#container {
	width: 794px;
	height: inherit;
	margin: 0 auto;
}

#logo_box {
	width: 252px;
	height: 151px;
	float: left;
}

#logo {
	width: 238px;
	height: 151px;
	float: none;
	margin: 0 7px;
	background: transparent url(images/logo_center.jpg) repeat-x;
	font-family: tahoma;
	font-size: 11px;
	color: #595959;
	text-align: center;
}

#header_top {
	width: 542px;
	float: right;
}

#header_line {
	float: right;
	width: 787px;
	height: 10px;
	margin-left: 7px;
	background: #ffffff;
	text-align: right;
}

#center {
	width: 100%;
	height: 100%;
}

#white_bg {
	width: 787px;
	height: 100%;
	background: #ffffff;
	margin-left: 7px;
	padding-bottom: 20px;
}

#content {
	width: 507px;
	float: right;
}

#menu_box {
	float: left;
	width: 270px;
	text-align: left;
	background: url(images/menu_box_right.jpg) no-repeat top right;
}

#menu {
	width: 238px;
	height: 463px;
	float: none;
	background: url(images/menu_bg.gif) repeat;
}

#menulist {
	width: 227px;
	height: 193px;
	margin: 19px 0 0 11px;
	background: #2e2e2e url(images/menu_list_bg.jpg) repeat-y top right;
}

.button {
	margin-left: 25px;
}

.menu_row {
	height: 31px;
}

.row_space {
	height: 1px;
	background: #959595;
}

#last_news {
	width: 227px;
	height: 232px;
	margin: 0 0 0 11px;
	background: #fcf7ec url(images/lastnews_bg.jpg) repeat-y top right;
}

#header_bottom {
	width: 517px;
	height: 102px;
	float: right;
	background: #ffffff;
	z-index: 2;
}

#main_body {
	background: #ffffff;
}

#foot_box {
	width: 252px;
	height: 90px;
	float: left;
}

#foot_box_text {
	width: 235px;
	height: 90px;
	float: none;
	margin: 0 9px 0 8px;
	background: transparent url(images/foot_box_center.jpg) repeat-x;
	font-size: 10px;
	font-weight: bold;
	color: #324d6f;
	text-align: center;
	vertical-align: middle;
}

#footer {
	width: 542px;
	float: right;
	height: 81px;
}

#footer_text {
	width: 509px;
	height: 100%;
	float: none;
	margin-left: 20px;
	background: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #595959;
	text-align: center;
}

.dlm {
	color: #8db6e9;
	font-weight: normal;
}

[klierik]

#white_bg {overflow: hidden: _zoom: 1;}
#menu {padding: 19px 0 0; height: 443px; *height: 463px;}
#menulist {margin:0 0 0 11px;}

не уверен в коде так как подгонял под FF, и может что-то слететь в ИЕ

но копать в это направлении.

[shtacson]

Спасибо большое! Но, это действительно сдвинуло фон в IE.

Я заменил padding'и на relative, теперь с меню всё нормально =)

А вот с #white_bg не получается пока... копаюсь дальше...

Edited January 17, 2009 by shtacson