[CSS][HTML]Mam problem z IE- odstępy między obrazkami menu Opcje

[--tromarek1--]

Tak jak w opisie. Mam problem z odstępami między obrazkami w menu tzn:

Obrazek[tu odstęp z 7px]Obrazek[tu odstęp z 7px]Obrazek[tu odstęp z 7px]

I przez to cały kod mi się rozwala. Próbowałem wielu rzeczy, ale nie poskutkowało

Fragment kodu html

[HTML] pobierz, plaintext 
<div id="menu" ondragstart="return false" ondrag="return false" onselectstart="return false" onselect="return false" oncopy="return false" style="text-align: left;">
<A href="index.html"><img src="images/astart.png" border="0" align="left"></a>
<a href="index.html" onMouseOver='rollover.src="images/afirma.png"' onMouseOut='rollover.src="images/firma.png"'><img src="images/firma.png" name="rollover" border="0" align="left"></a>
<a href="index.html" onMouseOver='rollover2.src="images/aoferta.png"' onMouseOut='rollover2.src="images/oferta.png"'><img src="images/oferta.png" name="rollover2" border="0" align="left" ></a>
<a href="index.html" onMouseOver='rollover3.src="images/agaleria.png"' onMouseOut='rollover3.src="images/galeria.png"'><img src="images/galeria.png" name="rollover3" border="0" align="left" ></a>
<a href="index.html" onMouseOver='rollover4.src="images/akontakt.png"' onMouseOut='rollover4.src="images/kontakt.png"'><img src="images/kontakt.png" name="rollover4" border="0" align="left" ></a>
 
</div>
[HTML] pobierz, plaintext 

a tu css:

[HTML] pobierz, plaintext 
#calosc{
margin:0 auto;
height:100%;
width: 1000px;
background-image:url('images/tlo.png');
position: relative;
}
#menu{
border:0px solid black;
height:50px;
width:691px;
float:left;
margin-left:8px;
color:white;
display: block;
padding: 0px, 0px, 0px, 0px;
text-align:left;
}
[HTML] pobierz, plaintext 

Pomoże ktoś.
Kiedyś tu temat taki zakładałem, ale szukałem i nie znalazłem.
Pamiętam że to była 1 linijka kodu.

[--tromarek1--]

Odświeżam wiadomość. To dla mnie bardzo ważne!!!!

[djgarsi]

Dopisz do pliku css:

Kod

#menu img {
padding-right: 7px;  
}