zug

<html>	
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><style type="text/css">
#nav, #nav ul 
{ 
padding: 0; 
margin: 0; 
list-style: none;
text-align: center;
line-height: 1;
background-color: #DBDBDB;
 } 
 #nav a 
 { 
 display: block; 
 width: 12em; 
 } 
 #nav li 
 { float: left; 
 width: 12em; 
 
}
a:link     { color:saddlebrown }
a:visited  { color:saddlebrown }
a:active   { color:red }
a:hover    { color:red }

#nav li ul 
{ 
position: relative; 
width: 10em; 
left: -999em; 
background-color: #DBDBDB;

} 
#nav li:hover ul 
{ 
left: auto; 
}
#nav li:hover ul, #nav li.sfhover ul 
{
 left: auto; 
 }
 
    </style><script language="JScript">
       
sfHover = function() {
     var sfEls = document.getElementById("nav").getElementsByTagName("LI");
     for (var i=0; i < sfEls.length; i++) {
          sfEls[i].onmouseover=function() {
               this.className+=" sfhover";
          }
          sfEls[i].onmouseout=function() {
               this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
          }
     }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


        </script>
	</head><body>
		<table BORDER="0 CELLSPACING="0" CELLPADDING="0" align="center" bgcolor="#DBDBDB">
			<tr bgcolor="#DBDBDB">
				<img src="logo.bmp" alt="Logo">
				
			</tr>
			<tr bgcolor="#DBDBDB">
			

					<div id="menubar">
						<ul id="nav"><li>Hardware
								<ul>
									<li><a href="Desktop.html">Desktop</a>
									</li>
									<li><a href="Laptops.html">Laptops</a>
									</li>
									<li><a href="Workstations.html">Workstations</a>
									</li>
									<li><a href="Servers.html">Servers</a>
									</li>
									<li><a href="Monitors.html">Monitors</a>
									</li>
									<li><a href="Printers.html">Printers</a>
									</li>
									<li><a href="Networking.html">Networking</a>
									</li>
								</ul>
							</li><li>Gaming
								<ul>
									<li><a href="PC.html">PC</a>
									</li>
									<li><a href="PS 2.html">PS 2</a>
									</li>
									<li><a href="Xbox.html">Xbox</a>
									</li>
									<li><a href="Gamecube.html">Gamecube</a>
									</li>
									<li><a href="PS 1.html">PS 1</a>
									</li>
									<li><a href="Gameboy Advance.html">Gameboy Advance</a>
									</li>
								</ul>
							</li><li>Photo and Video
								<ul>
									<li><a href="Digital cameras.html">Digital cameras</a>
									</li>
									<li><a href="Digital camcorders.html">Digital camcorders</a>
									</li>
									<li><a href="Photo printers.html">Photo printers</a>
									</li>
								</ul>
							</li><li>Mobile phones
								<ul>
									<li><a href="O2.html">O2</a>
									</li>
									<li><a href="T-Mobile.html">T-Mobile</a>
									</li>
									<li><a href="Orange.html">Orange</a>
									</li>
									<li><a href="3.html">3</a>
									</li>
									<li><a href="Vodaphone.html">Vodaphone</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				
			</tr>
			<tr>
				<td> Random text will not go appear further up the page!
				</td>
			</tr>
		</table>
	</body>
</html>