:hover not working in Firefox. Help!

Question

Hi everyone,
I created a rollover menu using :hover in CSS. The menu sits
in a one-row six-column table on the page. The menu displays and
works perfectly in IE6 and IE7. However, it falls apart in Firefox.
The site is at
http://www.labellacenter.com.
Here's the CSS info:
.main-menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
height: 30px;
text-decoration: none;
line-height: 30px;
display: block;
background-color: #000066;
.main-menu:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
height: 30px;
text-decoration: none;
line-height: 30px;
background-image: url(images/menu_side_bkg.jpg);
Any help will be greatly appreciated!
Jose

Answer 1

On 28 Feb 2007 in macromedia.dreamweaver, josejb70 wrote:
> Thanks for the reply. I had already tried eliminating
the
> display:block without success. If I remove
display:block, Firefox
> will display the table correctly, but then the rollover
no loger
> works properly in either IE or Firefox. After I remove
> display:block, the gray (from the hover) now surrounds
the text on
> mouseover until the cursor falls directly over the
letters--for
> practical purposes creating a hole in the middle. I went
ahead and
> removed the display:block on the LaBella website so you
can see what
> I mean (
http://www.labellacenter.com).
A better example of this is
>
http://www.gsoguild.org. The
menu is taller so it's easier to see
> what I mean about the "hole in the middle."
>
> I would appreciate any further adivce!
>
Change this:
.main-menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
height: 30px;
text-decoration: none;
line-height: 30px;
background-color: #000066;
.main-menu:hover {
to:
.main-menu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
height: 30px;
text-decoration: none;
line-height: 30px;
background-color: #000066;
display : block ;
.main-menu a:hover {
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php