DC2NET Links

My website needs a header and a navbar. I figured I would make one "header" div inside of which there would be a logo DIV, and under that the navbar UL fitting nicely into the wrapping header div. Is that the wrong way to go about this? regardless, why won’t the code do what I need it to do?!! I am unable to even get started with my site because of this silly problem right at the beginning.

Any help is much appreciated thanks!

I am unable to even get started with my site because of this silly problem right at the beginning.

INTERNET EXPLORER 8

FIREFOX

AND THIS IS THE CODE:

HTML (This is the entirety of the contents of my ‘index.php’ file):

<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />

<div id="topheader"><div id="logo"></div> <ul id="nav">
<li id="nav-home"><a href="#">Home</a></li>
<li id="nav-about"><a href="#">About</a></li>
<li id="nav-archive"><a href="#">Archive</a></li>
<li id="nav-lab"><a href="#">Lab</a></li>
<li id="nav-reviews"><a href="#">Reviews</a></li>
<li id="nav-contact"><a href="#">Contact</a></li>

</ul></div>

CSS

body {
margin: 0 0 20px 0;
padding: 0;
color:#FFFFFF;
}

#page {
background-color: white;
margin: 0px;
padding: 0;
width: 100%;
border: 1px solid #959596;
}

#topheader {
background-color:#FFFFFF;
padding: 0px;
height: auto;
width: 800px;
margin: 0px auto;
border:#333333 1px solid;
font-size:18px;
font-weight:lighter;
color:#999999;

}

#logo {

background: #73a0c5 url(‘images/logo.jpg’) no-repeat;
height: 90px;
border: solid 1px #FF0000;
width: 800px;;
margin: auto;
}

#nav {
list-style:none;
margin: auto;
width:800px;
border: solid 3px #00FF00;

}

#nav li {
list-style:none;
display:inline;
padding: 0 0 0 25px;
margin: auto;
border: solid 1px #FF0000;

}

Any help is much appreciated!