What about adding the underscore hack ?
h1 {
...
_margin-top:200px;
}
That will get the same result in IE6 as the one in FF.
James Smith wrote:
> Hi there, this is hopefully an easy one, but I'm struggling to find a clean
> solution for IE6 without resorting to adding an extra div, floating the h1
> element, or removing the container's width (all of which are inconvenient for
> various reasons) -
>
> Problem here is that IE6 doesn't honour both the container's padding-top and
> the child's margin-top. Compare the following result in FF and IE6:
>
> Markup:
>
>
> Heading 1
>
>
> CSS:
>
> *{margin:0;padding:0;}
> #content{
> width:500px;
> padding-top:100px;
> background:red;
> }
> h1{
> margin-top:100px;
> background:blue;
> }
>
> any help much appreciated,
>
> James
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
