Проблемы с резиновой версткой. Помогите

Нужно сверстать такой елемент - фоновая подложка. Основной бэкграунд тянется на всю ширину экрана, а по бокам примикают 2 картинки по 15 пикселей. Что-то мой код отображается нормально только в опере. В остальных не хочет браузерах. Помогите что не так!!

<style>
#container2 {
	width: 100%;
	float: left;
	margin-right: -35px;
}
#content2 {
	margin-right: 35px;
}
#main2 {
	margin-left: 35px;
	background: url("http://site.com/images/bg_sh.jpg") repeat-x;  height:100px;
}
#left2 {
	width: 35px;
	float: left;
	margin-left:20px;	
}
#right2 {
	width: 35px;
	float: right;
}
.clearing {
	height: 0;
	clear: both;
}
</style>
<div style="position:relative; overflow:hidden; ">
  <div id="center_contentzzz">
    <div id="container2">
	<div id="content2">
	  <div id="left2">
		<img src="http://site.com/images/left_sh.jpg" />
	  </div>
	  <div id="main2">Здесь фон тянется на весь экран</div>
	</div>
     </div>
     <div id="right2">
	<img src="http://site.com/images/right_sh.jpg" />
     </div>
     <div class="clearing">&nbsp;</div>
   </div>
</div>