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.
>
> Regards,
> Tim
One solution is two use one image. 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;
}
A third option is having the menu come last in the source, just a bit
more tricky though. :-)
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
http://www.wearechange.org/
______________________________________________________________________
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/
