OK,
Looks as thought Opera 7 does not like the ul to be positioned absolutely. A bug? It turns a horizontal list into a vertical one, for some reason that I'm sure the list gurus could work out.
So, I remove the position: absolute from the ul. Now what to do? If the tab text is resized, the top section will break apart.
Solution. (See http://members.ozemail.com.au/~hughtodd/gifford2/ )
The graphic at top right needs to be able to expand vertically. Since it is (now) a background graphic it can be anchored at the bottom of the div surrounding the top elements.
In Peter's original code, however, the top section was not a float, so the "innertop" div either had a defined height or none at all. A defined height would not allow for stretching, and no height is useless. So to get this div to wrap around the enclosed floats, it really needs to be a float itself. Because there is not "float: center", it needs a new enclosing div to keep it from drifting to the left margin of the viewport. I've called this #top.
To allow the rh graphic to 'stretch' if required, I have added another 70px or so of height to its top.
The advantage of this revised version is that it is slightly more flexible than the earlier one, which is in my way of thinking more in line with a web standards approach.
Cheers! -Hugh Todd
A big well done to Hugh for taking time to work on Pete's CSS. Hope this helps also: http://lc55.co.uk/test/jazz.jpg This is how Hugh's re-design looks in Opera 7
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
