центр с наездом на header и footer

[vladdis]

ребята, помогите! неделю вожусь со следующей задачей. сайт фиксированной ширины, в шапке и в подвале (высота у них фиксирована) размещены картинки, центр (меню и содержание, высота динамическая) должен немного фигурно перекрывать их (дизайнерский изыск). делаю и так и сяк, фаервокс и опера кажут как надо и даже 7 ослик, но 6 IE меня просто уже бесит. вот пока текущий вариант:

<div id="base">
	<div id="top">
		<div id="bottom">
			<div class="layout-box lb-4">
						   <div class="box content">
				<ul class="menu-v icons">
								 <li class="icon i-link">менюменюменю</li>
				</ul>
			   </div>
						 </div>
			 <div id="contents" class="layout-box lb-2">
				<div class="box content">
								   текстекстекст
			   </div>
			</div>
			<div id="footer">
			<p>Копирайт ©2009г.</p>
			</div>
		</div><!-- bottom -->
	</div><!-- top -->
</div><!-- base -->

вот css

html { height: 100%; background: #EDF8FC; font: 0.80em/1.2 verdana, arial, helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; color: #3382CD}
.layout-box { float: left; width:100%}
.lb-2 { width: 520px; } /* 75% */
.lb-4 { width: 200px;
#base { width:802px; margin: 0 auto; background-color: #fff;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-left-color: #B4E9FB;
	border-right-color: #B4E9FB;
}
#top {z-index:1;position:relative;padding-top: 410px;background-image: url(../img/head.jpg); background-repeat: no-repeat; background-position: top center;}
#contents {z-index:10}
.menu {z-index:3;margin: 0 0 0 25px;}
#bottom {z-index:2;padding-bottom: 240px; background-image:url(../img/foot.jpg);
		background-repeat: no-repeat; background-position: bottom center;}
#footer {position:relative;top:235px;}
.box { margin: 11px; }

размер картинок сверху - 802х458, снизу802х362

Edited February 27, 2009 by vladdis

[vladdis]

спасибо всем, вопрос решен