[SOLVED] a:hover... to the left.

[chordsoflife]

Hey all,

 

I'm trying to make my navigation add some to the left when hovering/selected, but I'm not sure how to tell it to do that.

 

Here's the link (I'm going to keep trying so god knows what it'll look like when this is being read):

http://www.test.burlingtonunderground.com/team.php

 

Here's the code:

#teamMenu { float: right; border: #FF0000 solid 1px; margin-right: -16px; }
#teamNav dd { height: 36px; }
#teamNav a, #teamNav a:visited { display:block; color:#fff; padding:5px 5px 5px 20px; background: #323232; width:125px; }
#teamNav a:hover { display:block; padding:5px 5px 5px 20px; background: #323232; width: 135px;}

 

<div id="teamMenu">
<dl id="teamNav">
	<dd><a href="#" title="Wallpaper">Desktop Wallpaper</a></dd>
	<dd><a href="#" title="Stickers">Stickers</a></dd>
	<dd><a href="#" title="Accessories">Accessories</a></dd>
</dl>
</div>

[chordsoflife]

Figured it out good enough. If anyone wants to know how to do it, post in here or PM me.