How do I stop IE6 clipping an element positioned outside its parent via negative margins?

Posted by Paul D. Waite on Stack Overflow See other posts from Stack Overflow or by Paul D. Waite
Published on 2009-04-17T10:13:59Z Indexed on 2010/06/13 22:12 UTC
Read the original article Hit count: 124

I have an element positioned outisde its parent via negative margins, like this:

<style>
.parent {
    height: 1%;
}

.element {
    float: left;
    margin-left: -4px;
}
</style>

...

<div class="parent">
    <div class="element">Element</div>
</div>

In Internet Explorer 6, the part of .element positioned outside of its parent element is clipped, i.e. invisible, hidden, cut off. How do I fix this?

© Stack Overflow or respective owner

Related posts about css

Related posts about internet-explorer