Can't code the buttons right Options

[Neoed]

So I'm trying to code my nav links into boxes like these:

http://i132.photobucket.com/albums/q39/neo...psn9n9yfbi.jpeg

but I'm getting this:

http://i132.photobucket.com/albums/q39/neo...zpss8qrqr2b.png

The text style direction none isn't working as well to remove the bullets. I've played with it a little but it just isn't working out right. Anyone know what I could be doing wrong? Any help is appreciated.

[pandy]

Please post the HTML to go with that.

[Neoed]

Sorry about that, the html:

[pandy]

The bullets are on the LIs not on the UL. And margin and padding can be placed both here and there depending on browser. I usually do it all in one fell swoop. Like this.

CODE

nav ul, nav li   { list-style: none;
                   margin: 0; padding: 0 }

That seems to get it about right. You can add back any margin and padding you may actually want below that rule.