Hover Problem 1

[mainmast]

Hello,

On my website:

http://www.wochelp.com/

I have a change when you hover over the links on the left.

In IE, the whole row is changed to black (like I want it to do), but in FireFox it only changes the background to black around the link itself, not the whole row.

Here's the code:

A.MainNav:Hover
{
Color: #FFFFFF;
Width: 234px;
Background-Color: #000000;
Text-Decoration: Underline;
}

Any suggestions on how I can get the entire row to change to black in FireFox? Thanks.

 

[mainmast]

Also, I definately want to avoid using a client side script, like Javascript, if possible.

 

[Vragabond]

FireFox is right. You cannot apply width to an inline element which a is. Try changing its display to block;

.mainnav {
  display: block;
}

 

[mainmast]

Thanks, that worked!