Hi all,

Working on a new layout, but having a little problem in IE6.

http://erichassler.com/mommytalk_v2/

The issue concerns "the News" and "meet Lorraine" boxes. They're  
built basically like this:

<div> (container and bkg)
        <div class="top"></div> (top curvy rect gradient bkg image)
        <h3></h3> (graphic header)
        <img ... /> (left floated head shot image)
        <p></p> (some content)
        <div class="bot"></div>(bottom curvy rect gradient bkg image)
        <div class="clearFloats></div>
</div>

In order to keep the head shot image from hanging out below the  
bottom div, I clear the floats after it, then used a negative margin  
to pull the div with the bottom curve up to the bottom of the head  
shot image. In FF and Safari you can scale the type and it works  
fine. In IE, however, the negative margin doesn't pull the bottom div  
up to the bottom of the photo.

I hope I explained that well enough. It'll be obvious when comparing  
FF and IE

TIA for any help!

Eric
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to