<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>TEST1</title>
<style type="text/css" media="screen">
body {
margin: 0;
padding: 0;
font-size: 90%;
font-family: arial, helvetica, sans-serif;
background-color: #eee;
color: #333;
}
#navcontainer ul{
padding-top: 0;
padding-left: 0;
margin-right: 0;
margin-top:0;
background-color: #036;
color: White;
float: left;
width: 100%;
/* font-family: arial, helvetica, sans-serif; */
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover{
background-color: #3366cc;
color: #fff;
}
.current {
font-weight: bold ;
/*padding: 0.2em 1em;*/
background-color: #3366cc;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
</style>
</head>
<body>
<div id="navcontainer"><ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#" class="current">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<p>I'm trying to get the list menu to the VERY top of the page (where the xxx is)
What am I missing here?</p>
<p>I'd also like the menubar to go all the way across the page w/o all the <body> content loosing it's margins, it at all possible</p>
</body></html>