I already had display: block defined in the main stylesheet
(stylesheet.css) for both a: and a:hover. I keep all my if IE stuff in
a separate stylesheet (if_ie.css), and added the following to it:
.vnav li a{
width: 100%;
}
.vnav li a:hover {
zoom: 1;
width: 100%;
}
www.coalcreekcollision.com is the site.
Sorry, but this does not make it work. I am suspecting that it has to
do with the alternate text which I have configured to display upon
hover. In IE, there seems to be a reserved block of space beginning
from the left edge of the navigation for about 3" (perhaps 300px) - this
is a dead zone in IE. If you move the cursor further to the right, it
picks up again. To make the alternate text work, in the base stylesheet
I have:
.rtxt {
position: absolute;
left: 300px;
color: #000;
color: #2b33a9;
}
The idea is to make the alternate text upon hover line up vertically
about 300px to the right. Incidentally I removed the stuff from
the menu to make sure it isn't clouding the picture. What do you think?
-Bob
Tom Livingston wrote:
> try adding display:block; to your a's and for IE add zoom:1; for the
> same a's.
>
> width:100%; on the a's might be needed as well.
______________________________________________________________________
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/
