This float is relatively positioned, it has a percentage width, and it
should move to the right due to a left margin.
.c {
position: relative;
float: left;
display: inline;
width: 50%;
margin-left: 100px;
background: gray url(bg.gif) no-repeat 0 0;
}
<body>
<div class="c">
</div>
</body>
The problem with IE<7 is that it does not move, initially.
http://www.satzansatz.de/cssd/prbgbug.html
To make it move, the window has to be resized a little.
The bug does not occur if the float has no background image attached.
But I need the bg-img, the float, the pos.relative, the margin shift,
the percentage width (and display:inline is added to prevent the doubled
margin bug.)
Can anyone help me, point me to a bug description, or to a fix maybe?
Thanks,
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
