I have a problem on my personal web site (see url in my signature).  There is 
an image and some text inside a div.

<div id="header">
<img src="/images/logo.gif"></img><h1>Chandler's Zen</h1>
</div>

The div itself has a background image which is repeated in the y-direction, 
the image is floated left.  On firefox (and Konqueror) the height of this 
image is what I want, the depth of the heading text and its padding.  A 
subsequent div (the menu) is designed to sit up to the right of the bottom 
element of the image.

On IE, the background image is stretched down the the height of the floated 
left image, forcing the menu down below the image.

I have searched around the net in search of any indication of what on IE is 
causing this problem and for a hack to get round it.  But I can't find one.  
Can someone here help me please with what to do.

Thanks.

-- 
Alan Chandler
http://www.chandlerfamily.org.uk
Open Source. It's the difference between trust and antitrust.
______________________________________________________________________
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