simple css link boxes

[myspacepimp]

I'm just trying to create simple link boxes at defaultz.com on the top menu in css.

Ideally, it would have 5px padding left & right of text inside box, box automatically adjusts width to suit text and the hover replaces a background image in the box.

my current code for that menu is:


#topmenu{
background-position: 0% 0%; margin:0px auto; background-color:#000;
width:1040;
clear:both;
padding:0px;
padding-top:8px;
font-size:11px;
margin:0px;

height:30px;

background:url('h3.jpg') repeat-x;


}


#topmenu a:link{color:#ffffff; text-decoration:none;}
#topmenu a:active{color:#ffffff; text-decoration:none;}
#topmenu a:visited{color:#ffffff; text-decoration:none;}
#topmenu a:hover{color:#ff09ac; text-decoration:none; font-weight:bold;}



I know it's really simple, I just don't know much css :)

Should I be using ul & li ???

And yeah, I'm going for the 'myspace rippoff look' LOL