large list nav help

[mediaman_12]

I am developing a dynamic shop using a styled list to display the navigation to the individual products. It's all fine, except for an odd bug in Firefox.
The first item in the list is slightly higher then the others. this happens on all of the 'store' pages.
Can someone have a look and see what I have done wrong. (it's probbaly some silly mistake)
Page CSS
Note: each of the sections have an additional dynamically assigned css sheet to controll the background of the buttons ie: 'willowshop1.css' is the additional sheet for the Antique Furniture section etc.

[BonRouge]

Take the padding out of ".bodytxt li " (make it - padding:0; ).

Nice-looking site by the way.

[mediaman_12]

Thanks. The other thing that has surprised me is that the border on the bottom of the main nav (also a list) has also vanished. This sits in a container that has the header image as a background with a border on 3 of the sides.
main CSS

Thanks for the complement on the design, I just hope the client gets on with the content .

[BonRouge]

In your #nav, try this : border-width: 0 1px 2px 1px; (one extra pixel at the bottom). Your border should reappear.

[mediaman_12]

In your #nav, try this : border-width: 0 1px 2px 1px; (one extra pixel at the bottom). Your border should reappear.

That fixes it in Firefox, but the border gets thicker in IE then .

[Paul O'B]

Try increasing the height of your nav to 110px instead as ie is probably expanding automatically.

Paul