1

 <p><style type="text/css">

#cssmenu ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  width: auto;

  position: relative;

  display: block;

  height: 36px;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: bold;

  background: transparent url("  //img.webme.com/pic/w/westgate/OFF.gif  ") repeat-x top left;

  font-family: Helvetica, Arial, Verdana, sans-serif;

  border-bottom: 4px solid #555555;

  border-top: 1px solid #919191;

}

#cssmenu li {

  display: block;

  float: right;

  margin: 0;

  padding: 0;

}

#cssmenu li a {

  display: block;

  float: right;

  color: #8c3a3a;

  text-decoration: none;

  font-weight: bold;

  padding: 12px 20px 0 20px;

  height: 24px;

  background: transparent url(" //img.webme.com/pic/w/westgate/DIVIDER.gif  ") no-repeat top right;

}

#cssmenu li a:hover {

  background: transparent url(" //img.webme.com/pic/w/westgate/HOVER.gif ") no-repeat top right;

  color: #8c3a3a;

}

</style>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="styles.css" />    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>    <script src="script.js"></script>

<title>CSS MenuMaker</title>

</meta>

</meta>

</meta>

</p>

<div id="cssmenu">

<ul>

    <li class="active"><a href="#"><span>Home</span></a></li>

    <li><a href="#"><span>Products</span></a></li>

    <li><a href="#"><span>Company</span></a></li>

    <li class="last"><a href="#"><span>Contact</span></a></li>

</ul>

</div>