Problem with <a> width in Netscape

[virtualbina]

Hi all,

I'm trying to convert my inavigation from mage based rollovers to css based
rollovers. I seem to be having problems making it look right in Netscape.

Here's my page:
http://www.website-workshop.com/freebonus2.shtml

And my Css:
http://www.website-workshop.com/style2.css

Any help very much appreciated.

Warm regards,
Bina.

[Paul O'B]

Hi,

The problem is that you are defining the width for the anchor whic is not allowed because it is an inline element. However as you are working in quirks mode then ie allows this.

The correct answer would be to float the anchors so that they can take width and still stay on the same line.

If you are going to stay in quirks mode then an easy fix would be to use display:table-cell which gecko (mozilla etc) browsers will understand and IE will continue to use the method its using already.

a.button{ display:table-cell;}

Hope that helps.

Paul