Image Navigation Links

[csa]

I've copied the top image rollover navigation from a CSS list site. How do I amend this so that either each button is the same width or I can adjust the backgrounds so that they fit to each button?

Customer Services works perfectly but need to define the others and I don't know how to do this?

http://www.bubblepeople.co.uk/testin...e_buttons.html

Code: Select all

/*list*/
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 8px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #269697;
background-image:url(images/buttontest.jpg);
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}