Mobilefish.com - Div example 1

<html>
<head>
  <title>Untitled</title>
</head>

<body>
<style type="text/css"> 
.left {
  float: left;
  margin-left: 50px;
}

.menu ul {
  margin: 0;
  padding: 0;
  float: left;
  font-family: verdana, arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  background-color: #00ff00;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;  
}

.menu ul li {
  display: inline;
}

.menu ul li a{
  float: left;
  color: #000000;
  padding: 5px 5px;
  text-decoration: none;
  background: transparent url("../download/css/dot.gif") center right repeat-y;
  width: 90px;
  text-align: center;
}

.menu ul li a:hover{
  color: #ffffff;
  text-decoration : none; 
}
</style>

<div class="left">
  <div class="menu">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Tutorials</a></li>
      <li><a href="#">Developers</a></li>
      <li><a href="#">Contact</a></li>    
      <li><a href="#">Legal</a></li>  
    </ul>
  </div>  
</div>

</body>
</html>