Horizontal nav inline issues

Hello,
So I'm working on getting this css horizontal navigation to work. I'm running into two problems which probably have the same solution.

1. If I use li {display:inline} I can get the li's to line up horizontally. When I do this they don't want to use the width that I set for them through an id. They expand only based on the width of text. Unfortunately (I didn't design this) they require a set width for each button. They also then display a small white gap in-between each 'button.'

2. If I use li {display:block} I can get the li's to take the width that I set for them. But of course then they want to display vertically instead of horizontally.

(they really need to have me just do design and no programming :confused: )

My file with the li {display:inline} is here:
http://www.alluremediadesign.com/fps/css/index2.html
and the css here:
http://www.alluremediadesign.com/fps/css/stylesheet2.css


My file with the li {display:block} is here:
http://www.alluremediadesign.com/fps/css/index.html
and the css here:
http://www.alluremediadesign.com/fps/css/stylesheet.css

Any help is appreciated! Thanks in advance!

ul {
list-style: none;
}
li {float: left;}
ul a {
display: block;
float: left;
width: ??px;
height: ??px;
}

That should do the trick...