Can someone tell me what I can add to my CSS so that this page will render properly? I am wanting to show the entire text inside the orange DIV. Works fine in IE7 and IE8.
Thanks in advance!
Not working in FF either!
Remove height: 100% from the container. (That's working against you here, as it's preventing overflow: hidden from working. The div doesn't see the floated content, so thinks height 100% is very short.)
Hi, try removing the height set here :).
<div style="background-color: #FF9900; color: #000;border-radius:5px; padding: 8px 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px;margin:5px;overflow:hidden;clear:both;[B]height:100%;[/B]">
I removed the height property and it works decently in IE7 and IE8 but still does not contain all of the floats in IE6. Any ideas as to why?
Maybe try giving that containing div haslayout. Try
and see if that does anything. May be a pixel or two out, so adjust to suit.
Hi, yes what Ralph said will work. It was working in IE6 before because the height gives it haslayout and thus it contained it.
Either giving it a width, or zoom:1; or any other haslayout trigger will work :).
PS-Move all that inline CSS to external fiels