CSS - IE6 - overflow: visible;

programming web dev
1

I have a <div> with an id “content”, inside which is an <img> with a class “right”.

my CSS for these elements is as follows


#content {
    width: 650px;
    padding: 10px;
    margin: 30px auto 0px auto;
    color: #555555;
    overflow: visible;
    background-color: #F5F5F5;
}
#content img {
    border: 10px solid #FFFFFF;
}
#content .right {
    float: right;
    margin-right: -200px;
    margin-left: 10px;
}

basically the image is meant to ‘poke out’ of the content div, by 200 pixels, and not get chopped off because overflow is set to visible.

this works in firefox. but not IE6, the image gets hidden where the content div ends. havent tested IE7 yet.

anyone know whats going on?