FN-FORUM: CSS - width inconsistencies between browsers

date posted 1st February 2006 16:11

Good afternoon,

I'm in the process of putting together a seating website: www.mkuseating.com
There is still a few things that need working on but the site appears to
work ok in IE - however, on other browsers (e.g. Safari), the menu on the
left doesn't line up properly.

I've based the menus on the 'sons of suckerfish' dropdown method and
basically played around with it. I'm pretty sure it's something to do with
the following CSS. Any advice would be gratefully received.

#nav li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 12.85em;
w\idth : 13.85em;
display : block;
color : white;
font-weight : normal;
text-decoration : none;
background-color : #3A7986;
padding : 0 0.5em;
}

The CSS file is at http://www.mkuseating.co.uk/mainstyle.css

Not sure how the hack works but I assume that 'w\idth' is supposed to be
ignored by certain browsers??


P.s I know there are some broken links at the moment.

Thanks

Dan