Alan Gresley wrote:
> Tim Dawson wrote:
>> Gunlaug Sørtun wrote:
>>> Tim Dawson wrote:
>>>
>>>> http://www.holidaymullandiona.co.uk/pages/accn/bb-sw-mullb.php Hover
>>>> over 'What to do', the stars show through the drop-down (the stars are
>>>> relatively positioned asterisks). Is there a better way ?
>>> Might help to restyle the star-span...
>>>
>>> span.stars { font-size: 200%; line-height: .3; vertical-align: -.35em; }
>>>
>>> ...and thereby avoid the R:P that causes stacking-bug problems in IE.
>>>
>>> Don't think applying R:P to the menu div will cause any problems either,
>>> if you choose that route. That's often how this stacking-bug problems in
>>> IE are solved.
>>
>> Thank you, Georg, that's much more elegant in that instance than the
>> sledge-hammer solution with R:P. However, I may still have to go the R:P
>> way (as well as changing the span.stars), to avoid the problem on other
>> pages with an A:P image:
>> http://www.holidaymullandiona.co.uk/pages/home1.php (hover on Help, on
>> right of main menu). I have already applied R:P, so there's no longer a
>> problem.
>
Thank you, Alan.
> One solution is to use one image.
Yes, but it's less flexible.
Another solution is to apply a
> z-index to the #nav div for IE7.
>
> div#nav {
> z-index: 1; /* ADD, layers nav above other positioned elements */
> position: relative;
> float: left;
> width: 770px;
> border-top: 1px solid #FFF;
> border-bottom: 1px solid #FFF;
> margin: 0; }
I did try the z-index route, but it didn't seem to make any difference, and I
assumed that IE puts all positioned elements on top. You suggestion (above) has
both, and I think it's the P:R that's doing the trick ?
>
> A third option is having the menu come last in the source, just a bit more
> tricky though. :-)
If the menu came last, would it not have to be absolutely positioned anyway ?
Tim
______________________________________________________________________
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/
