Hi all... 
After much hair-pulling I can't seem to find a fix for this...
 
www.ceridian.co.uk - 
 
In the latest version of Opera I have overlapping problems on the images 
contained inside the blue boxes which are on each of the top-level pages (and 
the home page). I have tried adding position:relative and appropriate z-indexes 
to each of the elements, but Opera seems to disregard all of them!  The boxes 
are layed out with negative margins in order to get a slight overlap between 
the image and the text whilst keeping the elements in the document flow.
The only "fix" I have is by arranging those blue boxes and text using 
position:absolute - but I don't like doing it this way since this removes the 
elements from the document flow and generally makes the page less dynamic. 
 
The site works great in FF and IE (with hacks of course)
 
Has anyone experienced this problem, or am I making a really obvious error?
The CSS is pretty hairy, but you can easily get at it with Chris Pederick's 
developer toolbar extension for Firefox.
 
thanks in advance,
 
James
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to