> #messageCentre{
> width:470px;
> border: 1px solid #2b4295;
> margin-bottom: 35px;
> background-image: url(/Images/messageCentre.gif) bottom left
> no-repeat;
> min-height: 300px;
> }
>
> The number of <dt><dd> combinations is variable and my image is 172 x 258.
> I want the div to always stay large enough for the graphic. I can get it
> to work in Firefox but not IE. Any suggestions for something to force IE
> into line?
IE Win up to version 6 doesn't recognise "min-height", but thinks "height"
is "min-height". Add in a rule (with the comments before and after):
/* Fix IE Win, hide from IE Mac \*/
* html #messageCentre {
height: 300px;
}
/* end hiding */
The first comment makes sure IE on the Macintosh doesn't see the next
rule; the * html makes sure only IE up to 6 applies the rule; and the
final comment lets IE Mac see whatever comes after. Have a look in the
list wiki under Tan hack and star-html hack for more info.
HTH,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
