Ido Dekkers wrote: > which of the above has the bug : http://test.dekkers.net/test.aspx > > the logo and 2 other images display correct in FF(2,3) but not in > Opera(latest)
Before you go any further, consider the following... - Precise positioning of elements on top of a background-image by using em, is a flawed method - regardless of direction. Those elements are not anywhere near their intended position in any of my browsers, simply because their position - in em - rely on font-size. Font-size is not a factor you can control all that well. - Opera has a rounding-effect on large em margins and paddings. See... <http://www.brunildo.org/test/emarg.pl> - Firefox (2.0.0.1) offers no horizontal scroll, and I need at least a 1450px wide window just to see the entire page. That's the effect of 'minimum font-size: 14px'. It's the same in other browsers, apart from that they give me a horizontal scroll-bar. - Height in em on those anchors means I see both horizontal and vertical repetition of background-images. Pretty confusing link-text, I think. Again: it's the effect of uncontrollable font-size. So, when you want to position anything precisely on top of a fix-sized background, you'll be better of by using a fix-sized unit for positions and dimensions - like px. Also: especially IE tends to be a bit unpredictable when all 'top'/'left'/'right'/'bottom' values are left out and positioning rely on default-positions and margins. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/