Sent by Ian Piper on 30 April 2006 21:09
Hi all,
I'd appreciate some advice with a CSS problem. I have a background
image that appears in Firefox (Mac OS X and Windows) and Safari, but
not in IE6. The background image is defined in a div that is used to
wrap two floated divs (left and right):
<div id="contentWrapper">
<div id="mainNavigation">
[...]
</div>
<div id="mainContent">
[...]
</div>
<div class="clearboth"></div>
/* if I don't include the line above the image doesn't show in any
browser, presumably because contentWrapper's enclosed elements are
floated */
</div>
The CSS for contentWrapper is:
#contentWrapper {
background-image: url(../images/mainContent_bg_760x131.jpg);
background-position: bottom;
background-repeat: no-repeat;
/* height: 260px; */
}
If you look at this url
http://www.tellura.co.uk/blueboar/
you should see that in all but IE6 the background image is visible in
the top half of the window. Interestingly, if I give contentWrapper a
border to see where it is located then the image appears even in IE6
(but of course it now looks ugly).
Can anyone suggest what I am doing wrong here in my CSS file?
Thanks,
Ian.
--
Dr Ian M Piper
[EMAIL-REMOVED]
skype: ianmpiper
--
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/