Michael Adams wrote:
This is a concept website that i am working on. The main issue i am having
with it is a line which extends of to the left when the ul:hover is activated
in various browsers. There is a gap of a couple of pixels between the parent
<li> and the first child <li> which seems to get exagerated on different
browsers as well. Quite pleased to see IE8 now supports hover on arbitrary
elements.
http://www.quickconvert.net/index.html
TIA
The artifact is the border here.
.horizontalmenu ul li ul {
left: -999em;
top: 2em;
border-top: 1px solid #222; /* delete */
position: absolute;
display: block;
z-index: 100;
}
And add the below to your stylesheet.
.horizontalmenu ul li ul li:first-child a {
border-top-width: 1px;
}
BTW, IE7 also supports :hover on arbitrary elements.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
