W IE DIV zwiększa wysokość. Opcje

[starach]

Internet Explorer mi świruje coś co powinno mieć 3 piksle ma wiele więcej.

[HTML] pobierz, plaintext 
<style>
div#menu { margin:10px; width:200px; height:350px; background:url('images/panel/s.gif'); }
div#menu .pane_cnt { width:194px; height:344px; }
div#menu .dl { width:3px; height:3px; background:url('images/panel/dl.gif'); }
div#menu .dp { width:3px; height:3px; background:url('images/panel/dp.gif'); }
div#menu .gl { width:3px; height:3px; background:url('images/panel/gl.gif'); }
div#menu .gp { width:3px; height:3px; background:url('images/panel/gp.gif'); }
div#menu .l { width:3px; height:344px; background:url('images/panel/l.gif'); }
div#menu .d { width:194px; height:3px; background:url('images/panel/d.gif'); }
div#menu .p { width:3px; height:344px; background:url('images/panel/p.gif'); }
div#menu .g { width:194px; height:3px; background:url('images/panel/g.gif'); }
<style>
<div id="menu">
	<div class="gl"></div><div class="g"></div><div class="gp"></div>
	<div class="l"></div><div class="pane_cnt"></div><div class="p"></div>
	<div class="dl"></div><div class="d"></div><div class="dp"></div>
</div>
[HTML] pobierz, plaintext 

Tak to wygląda w IE:
(IMG:http://img70.imageshack.us/img70/8863/bladiebm1.gif)
A tak powinno wyglądać:
(IMG:http://img443.imageshack.us/img443/4094/takpowinnowygladacnz4.gif)

[babejsza]

[HTML] pobierz, plaintext 
...
div#menu .dl { width:3px; height:3px; background:url('images/panel/dl.gif'); font-size: 1px}
...
[HTML] pobierz, plaintext 

Powinno pomóc. Ogólnie IE rezerwuje miejsce dla treśc i stąd ten problem.