div ruta anpassar sig inte efter bilden i den|Programmering / Grafisk formgivning|Forum|Nordichardware

har kod som ser ut så här:

i de fall texten inte räcker för att bli längre än bilden så ska ju bildens storlek bestämma rutans storlek. detta funkar i IE men inte i firefox. där ligger bilden ovanför rutan, inte i den. går de att ställa en minimumhöjd på en DIV-ruta lr hur får man rutan att anpassa sig efter bilden som finns i den?

så här ser css ut:

.ruta
{
background-color: #CCCCCC;
border: 1px solid #666666;
color: #666666;
font-family: Arial, Verdana;
padding: 5px;
font-align: justify;
font-alignment: justify;
text-align: justify;
text-alignment: justify;
width: 566;
}

.styrbild
{
margin-bottom: 10px;
margin-left: 10px;
}