On Oct 24, 2007, at 6:31 AM, Kevin Stevens wrote: > Oh, this is really annoying me now! I have tried the above tip (thanks > David) which makes a lot of sense, but the div is positioned > differently in > the 3 browsers I have tried it in, i.e. Safari 3.03 (Windows), IE 7 > and > FireFox 2.0.0.8. I have set the stylesheet to accomodate Safari, used > conditional comments to make it work in IE, but it's hosed in FF! > Why is > this happening? The link is http://www.ratking.co.uk/bensons/ > map.htm if > anyone has a moment to look at it.
The parent (wrapper) is set to display:table. Gecko (any version up to the latest nightly build) cannot use a <table> or an element with display:table as a containing block for absolute positioned elements. The solution is to wrap the element with display:table in another wrapper, and set position:relative on that, so that it acts as a containing block. In your case: <div id="mynewwrapper"><div id="container"> ..... and move some of the styling (margin/width/padding/positoning) from #container to #mynewwrapper. Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ 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/
