border kolem obrázku v IE (přebejvajcí pixeli pod obrazkem)

Ahoj, na stránkách mám problém s tím, že když je otevřu v IE tak pod obrazkem je mezera a až po tej mezeře je teprve border, našel jsme zde podobný téma a tam radili, že mám použít display: block; - bohužel marná sláva :). V externím CSS mám

.foto{
border: 5px solid black;
position:relative;
width: 160px;
height: 120px;
position:relative;
margin-top:15px;
display: block;
}

a v HTML potom vložím obrázek:
.....
<div class="foto">
<img src="./1m.jpg">
</div>
.....
a mezera je nasvetě :ú:ůo,
když obrázek vložím přez CSS ( přez pozadí ) tak to tam tu mezeru nedělá ( ale to nechci to bych musel namlatit tolik css classu kolik bych měl obrázků ... mrtě!!! ) Poradte pls. Díky

ilustrační foto:
IE

SPATNE

Firefox

SPRAVNE

díky moc, faká to !!! Napsal jsme to v CSS takhle


.foto img{
display: block;
}