Navigation not displaying in header

I am currently doing a site on localhost at present, but have run into a bit of a problem. I am using Starkers HTML5 theme and for some reason the navigation sits outside of the header and not inside. Also, for some reason the content is right under the header and level with the navigation. I have added an image of the page. I’m not sure what I have done wrong, but hope someone can help.



<body <?php body_class(); ?>>
<div id=“master”>
<img id=“graphic” src=“http://localhost/jacquiirvine/images/makeup.png” />
<img id=“home” src=“http://localhost/jacquiirvine/images/header.png” />
<li><a href=“http://localhost/jacquiirvine/home/”>Home</a></li>
<li><a href=“http://localhost/jacquiirvine/about/”>About</a></li>
<li><a href=“http://localhost/jacquiirvine/services/”>Services</a></li>
<li><a href=“http://localhost/jacquiirvine/gallery/”>Gallery</a></li>
<li><a href=“http://localhost/jacquiirvine/contact/”>Contact</a></li>


#master {
	width: 960px;
	margin: 0 auto;
	border: 1px solid rgb(0,0,0);
	background: rgb(255,255,255);

#header {
	width: 950px;
	height: 350px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
	border: 1px solid rgb(0,0,0);
	margin: 20px;

/*place the header image to the right */
width: 562px;
height: 191px;
float: right;
margin-right: 20px;

#graphic {
	width: 161px;
	height: 330px;
	margin-left: 10px;
	border: 1px solid rgb(0,0,0);

/* main menu styling */

nav {
	width: 750px;
	height: 35px;
	float: right;
	text-align: center;
	/*padding: 15px 0 0 0;*/
	font-family: "samantha_upright_pro";
	font-size: 35px;

	nav li {
		display: inline;
		margin-left: 30px;
		position: relative;
	nav a {
		text-decoration: none;

Hi vicki. Without seeing the full code, we can only approximate an answer, but you could try adding these styles:

#graphic {float: left;}
header {overflow: hidden;}

Thank you, seemed to do the trick.