Untitled

<!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>layout</title>

<style>
#wrap{
    margin:0;
    padding:0;
}
#content{
    margin:0 auto;
    width:800px;
}

#content>ul{
    padding:0;
    margin:0;
    list-style:none;
    width:inherit;
    background:#999;
    border:2px solid black;
}

#content>ul>li{
    display:;
    float:left;
    background:#FFFFFF;

}

#content>ul li a{
    display:block;
    padding:5px 10px;
}
#content>ul li a:hover{
    background:#aaa;
}

#content li>ul{
    position:absolute;
    display:none;
    list-style:none;
    margin:0;
    padding:0;
}

#content li:hover ul{
    display:block;
}

#header img{
    float:left;
}

#header{
    height:90px;
}

.clear{
    clear:both;
}

h1{margin:0; padding-bottom:10px;}

</style>

</head>

<body>
<div id="wrap">
<div id="content">
<div id="header">
<img src="website/logo.png" />
<h1>Computer Repair</h1>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">repair</a></li>
<li><a href="#">installation</a></li>
<li><a href="#">data recovery</a></li>
</ul>
</li>
<li><a href="#">Contact us</a></li>
</ul>
<div class="clear"></div>
testing

</div>

</div>


</body>
</html>