Can't Space out List Items

[crystalfrost]

Forum URL: all-around-rp.proboards.com

I'm trying to make a drop-down menu in a board header. I can't seem to figure out how to add space between the list items in the drop-down menu. Any suggestions?

Here's my CSS code for the list:

<style type="text/css">
.menu
{width: 600px; height: 27px; text-align: center; background-color: #BDBDBD; border-radius: 8px; border: solid #474747;}

.menu ul li {display: inline; padding:20px; position:relative; top:4px;}

.menu li ul {display:none; position: absolute; left: -17px; padding-bottom: 10px; background-color:#BDBDBD; border:solid #474747; top:75%;}

.menu li:hover ul {display:block; width: 170px;}
</style>

And here's what the page looks like:

all-around-rp.proboards.com/board/27/secret-world

[JD]

You already have spaces between them. Where exactly do you mean?