In essence: I have a header div with width 800px and height 246px
which contains a floated image of height 313px. The floated image
should overflow outside of the header div and cover the content that
follows, but what's happening in IE6 is that the height of the header
div is being altered by the floated content:
<div id="header">
<img src="images/lct_logo.png" alt="" height="313" width="296"
id="looselogo" />
<ul id="nav">
<li class="page_item page-item-1"><a href="index.php"
title="Loose
Change Trio Homepage">Home</a>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
#header {
margin: 0 auto;
height: 246px;
width: 800px;
display: block;
}
#looselogo {
display: block;
float: right;
height: 313px;
width: 296px;
}
You can see what looks like in IE6 here:
http://www.loosechangetrio.com/wp-content/themes/loosechange/images/
ie6.jpg
If you're using a friendlier browser you can see what it should look
like here
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
