Can someone help me with my CSS code

Ok I've got this site ive just made,

Bedfordshire Anime

and i want to move the Navigation buttons to the top. below the banner, so it looks like this sites Nav.

http://www.greenlandsmeats.co.za/

Can someone Help me. Cause when i try, all im getting is the div tag for the nav at the top.. and a side menu div but the buttons still stay in the same place.

 

Hi

Here's the code to get your menu to the top, you will need to do a lot more formatting, but this should get you started.

#navigation {
	background-color: #470263;
	float:left;
	display:inline;
	width: 1020px;
}
			  
#navigation ul {
	padding:0px;
	float: left;
}

#navigation ul li {
	list-style:none;
	margin-bottom:2px;
	float: left;
}

#navigation ul li a { height: 51px; width: 167px;
                      display:block;
					  background-image:url(button.png);
					  background-repeat:no-repeat;
					  color: #000000;
					  text-decoration:none;
					  line-height: 51px;
					  font-weight: bold;
					  font-size:18px;
					  text-shadow:0px 0px 6px #FFFFFF;}
					  
#navigation ul li a:Hover { background-image:url(button-roll-over.png); background-repeat:no-repeat;}

Code (markup):

 

Ok thanks a lot, What out of my Code do i need to remove or Change, just the Pits you put up here. Just swap it for your code??

 

Yeah, just replace your css code with mine.

 

ok awesome thanks for your help. and then if i want to add in a sid menu. will that work. Cause when i was trying to fix it yesterday. my buttons were just staying in the same place. with navagiation there at the top, and the side bar there. its just the buttons wouldn't move.

 

Thanks So much it works ^^