[css] obrazki marginesy w ie Opcje

[Lejto]

Mam taki kod

[HTML] pobierz, plaintext 
 <div id="lewo">
 
         <div style="width:200px; padding-top:60px;">
        	<div class="img4"></div>
            <div class="img5" style="width:100px;"><div style="margin-top:5px; margin-left:5px;">&raquo;<b>Menu</b></div></div>
 			<div class="img6"></div>
            <div id="im6">
            aa
            </div>
            <div class="le_d"></div>
			<div class="sr_d" id="szer"></div>
			<div class="pr_d"></div>  
      	 </div>
 
         </div>
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
<style type="text/css">
div#lewo {
	float:left;
	width:300px;
	margin-top:-50px;
	margin-left:-5px;
}
/* style dla góry */
div.img4{
	background: url('../images/gfx_17.gif');
	width:13px;
	height:33px;
 	float: left;
	margin-left:-13px;
 
 
 }
div.img5{
	background: url('../images/gfx_35.gif');
	background-repeat:repeat;
	height:26px;
 	float: left;
	margin-top:1px;
 
}
div.img6{
	background: url('../images/gfx_20.gif');
	background-repeat: no-repeat;
	width:14px;
	height:32px;
 	margin-top:1px;
 	overflow:hidden;
}
/*style dla góry end */
/* styl dla dolu - */ 
div.le_d{
	background: url('../images/gfx_46.gif');
	background-repeat: no-repeat;
	width: 8px;
	height: 6px;
	float: left;
	margin-left:2px;
	}
div.sr_d{
	background-image : url('../images/gfx_50.gif');
	background-repeat:repeat;
	height:6px;
	float:left;
	font-size:0px;
 	background-color:#333;
}
div.pr_d{
	background-image : url('../images/gfx_48.gif');
	background-repeat: no-repeat;
	width: 8px;
	height: 6px;
	float: left;
}
div#szer{width:86px;}
/* style dla dołu end */
[HTML] pobierz, plaintext 

rezultat dla ff (IMG:http://img267.imageshack.us/img267/2599/margines2.gif)
a dla ie już źle (IMG:http://img140.imageshack.us/img140/5785/margines.gif)
jak to poprawić?
coś źle jest w #lewo ale z tamtą jak usunę margines to obrazek nie będzie wychodził poza krawędź

Pozdrawiam