Kan man sætte en minimumshøjde på en DIV

Denne div vil minimum være 100px høj i både IE og Firefox, men stadig godt kunne udvide sig til at være højere end 100px. Erstat selv den grå baggrundsfarve med dit baggrundsbillede.

<div style="height:auto !important;height:100px;min-height:100px !important;min-height:auto;background:#666">
    <p>Lorem ipsum dolor sit amet.</p>
</div>

hej milandt

Jeg kan godt se at din løsning virker - tusind tak !

MEN, jeg vil utrolig gerne også forstå hvad der sker. Kunne du overtales til at give en hurtig gennemgang af hvordan css smøren fungerer i praksis ?

Jeg udnytter at Internet Explorer og Firefox fortolker "!important" forskelligt. Når man sætter "!important" efter en regel, så ophæves denne til at være vigtigere end normalt. Hvis jeg f.eks i starten af mit css dokument angiver background-color:red og længere ned angiver background:green for det samme element, så vil det være green der gælder, fordi det står erklæret sidst. Hvis jeg havde skrevet !important efter den første regel, så havde den gjort sig gældende uanset hvad der måtte stå efterfølgende i css dokumentet.

Jeg ved så at at hvis jeg skriver "height:auto !important;height:100px", så vil Firefox sætte height til auto fordi der står !important efter, men Internet Explorer vil sætte den til 100px fordi det står angivet sidst (men stadig på samme linie). På den måde kan jeg styre hvilke værdier Firefox (og de fleste andre browsere) skal bruge, og hvilken værdi Internet Explorer skal bruge.

Man bør bruge !important når man ikke kan få sit stylesheet til at hænge sammen i den nedarvning man havde tænkt sig. Når man ønsker at "overrule" en tidligere regel, eller i specielle undtagelser.

http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules

Mange tak for din forklaring - god weekend :-)

er "min-height" så nødvendig, og hvis ja - hvilken betydning har den i sammenhængen ?

Det er nødvndigt at skrive hele udtrykket som jeg skrev det i min første kommentar. Det jeg ønsker er at:

IE skal sætte height:100px; og min-height:auto;
Fx skal sætte height:auto; og min-height:100px;

Ovenstående får din boks til at opføre sig ens i hhv. IE og Fx. Det skyldes at IE bruger height som det er meningen at min-height skal bruges, men til gengæld ikke bruger min-height korrekt.

ok - mange tak for din forklaring :-)