How would I go about making the text in them vertically aligned to the middle and add 5 pixels worth of padding to the left hand side so that the text isn't right up against the edge? I can do this but it messes up the mouseover effect and link.
I hope this makes sense and any help is appreciated.
I think your best bet, Steve, would be to change the coding of the mouse over effect that you are using.
I use CSS to create a similar effect at http://www.swiss2006.org.uk/ It can easily be adapted to change the background color, rather than the text color. Feel free to dig in the XHTML and CSS, and use that. I haven't tried using it as a horizontal menu, but it may be possible.