Problem with List items padding in <ul> tag

[denhamd2]

Hi,

I'm having a problem with some padding showing up oin both IE and Firefox with list items on my navbar. Please see:
http://81.17.252.110/~wallis1/new/

I want the nav items to come to the edges of the <ul> tag (want to make the white borders on the navigation items come to the edge) but there is this padding there for some unknown reason between the <ul> and the <li> items.

Please can you help as I'm tearing my hair out now,

Thanks in advance

[jscheuer1]

Looks fine here in those browsers, either you fixed it or I'm missing something.

[denhamd2]

the problem is the white vertical borders of the navigation links are not joining up to the edge of the navy blue background of the nav bar. any ideas?

[jscheuer1]

Well its a border, the right border. If you add this to your styles:


.moduletable_menu li a {
border-color:#002C4E!important;
}

It will take care of it for the resting state. But to take care of it for hover as well, use this instead:


.moduletable_menu li a {
border:none!important;
padding-right:16px!important;
}

[jbert]

This happened to me also in a CSS table. At first I also wanted them to connect but as time went on I kinda liked it.. Not sure it is padding though. Maybe a defult of some kind.


Jbert