obrázek v rámečku

potřeboval bych poradit, teprve začínám, a nevím v čem je chyba. Po zadání tohohle kodu se my v IE(6) obrázek zobrazí v rámečku, zato v mozille už přesahuje z rámečku ven. DÍKY
stylopis:
body {
background-color: white;
color: Black;
font-family: Arial, Helvetica, sans-serif;
}
#ram {
width: 60%;
border: 1px solid black;
background-color: Green;
padding: 0.5em;
}
.foto {
float: left;
border: 1px solid yellow;
margin: 0 0.5em 0 0;
}
kod:
<div id="ram"><img class="foto" src="images/liskovec.jpg" alt="liskovec"></div>

no zapoměl jsem dopsat že by mě zajímalo jak to udělat aby i v IE byl obrázek mimo rameček jako v mozille. bugis

jo pokud bych chtěl aby byl i uvnitř ramečku v mozille vyřešil bych to pomocí CLEAR: BOTH, spíše my vrta hlavou proč ten obrazek v IE nepřeteče, asi je to nějaka jeho chyba a to bych se chtěl dozvědět

vyřešeno!