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:


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?

Spróbuj dać :

Jeśli w tym divie:

[HTML] pobierz, plaintext 
<div id="ramka_top"></div>
[HTML] pobierz, plaintext 

jest img (a na to mi wygląda) to dla niego powinieneś dać display: block; i wszystko będzie cacy. Kila postów niżej Kreton już to objaśniał.

niestety display: block; nie pomogło, ale udało mi się już samemu rozwiązać problem.

Jak by komos było potrzebne, to do górnej i dolnej ramki należny dodać

[HTML] pobierz, plaintext 
font-size: 0pt;
[HTML] pobierz, plaintext 

Mimo wszystko dzięki za wszelkie próby pomocy.

Pozdrawiam

A do czego dodałeś to display:block?