Help With Divs

Hey,

I've read the basics, along with a couple of books, but after awhile all the reading and videos start to get too heavy. I seem to have a problem moving from basics to more advanced stuff. I figured it would be a good idea to sign up here where I could get information, and add the help to the hands on construction of my website. I've got a domain but it was made in SiteSpinner, now that I've upgraded, and started learning the code I'm going to completely re-do my website. It'll probably take some time, but I'm gonna take a stab at it.

I'm working on the index page at the moment. I've added an banner, and an image the same length as the banner just under the banner. That's where I'd like to add my nav bar created with CSS and HTML. The problem is I can't figure out how to get the nav bar buttons to go on top of the image that I've placed under my banner. Think anyone could help?

HMTL

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home Paget</title> <link href="Css/J_Css.css" rel="stylesheet" type="text/css"/> </head> <body> <div align="center" id="site_banner"><img src="Images/Site_Banner.png" width="800" height="120" alt="Site Banner" /></div> <div align="center" id="Site_Nav_Image"><img src="Images/Site_Nav.png" width="800" height="30" alt="Nav_Image" /> </div> <div id="navbar"> <ul> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> </ul> </div> </body> </html> <div id="navbar"> <ul> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> <li><a href="#">LinkHere</a></li> </ul> </div>

CSS

Code:

@charset "utf-8"; /* CSS Document */ /* This is the code for the Navbar That will be on the site! */ <!-- #navbar ul { margin: 0; padding: 5px; list-style-type: none; text-align: center; } #navbar ul li { display: inline; } #navbar ul li a { text-decoration: none; padding: .2em 1em; color: #fff; background-color: #000; } #navbar ul li a:hover { color: #000; background-color: #fff; } body {background:#996615; font-family: sans-serif, verdana, arial; color: #444444; font-size: 12px; margin: 0px; }