[CSS] dziwny odstep między divami w IE Opcje

[puz219]

Witam.

Zrobiłem sobie ramkę na stronę z użyciem css i oczywiście w IE jest jakiś błąd, pojawia mi się odstęp pomiędzy górą ramki, a jej środkiem.
Oto jak to wygląda:
(IMG:http://img209.imageshack.us/img209/9624/ramkatb4.jpg)

Oto kod html:

[HTML] pobierz, plaintext 
<div id="ramka_top"></div>
					     <div id="ramka_middle">
					      tekst
					     <div class="clear"></div>
					     </div>
					<div id="ramka_btm"></div>
[HTML] pobierz, plaintext 

A to css:

[HTML] pobierz, plaintext 
#ramka_top {
background:transparent url(images/module_top.jpg) no-repeat scroll left top;
height:8px;
width:534px;
padding:0pt;
margin:0pt;
}
 
#ramka_middle {
background:transparent url(images/module_bg.jpg) no-repeat scroll -1px bottom;
border-left:1px solid #FBE0CE;
border-right:1px solid #FBE0CE;
border-top: 0pt;
border-bottom: 0pt;
height:auto;
margin:0pt;
max-width:502px;
min-height:117px;
padding:15px;
position:relative;
width:502px;
}
 
#ramka_btm {
background:transparent url(images/module_bottom.jpg) no-repeat scroll left top;
height:8px;
margin:0pt;
width:534px;
}
 
.clear {
clear:both;
}
[HTML] pobierz, plaintext 

Proszę o pomoc, bo już nic nie jestem w stanie wykombinować, w FF wszystko działa świetnie, a w IE jak zwykle się krzaczy.
jak pozbyć się tego odstępu?