dosya.css
.menutablo {width: 150px;}
.menu a {display: block;
background-color: #2A4D91;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
border-top-width: thin;
border-top-style: solid;
border-top-color: #3563B7;
text-indent: 3pt;
height: 20px;}
.menu a:hover {
background-color: #1C356B;
text-decoration: none;}dosya.htm
<!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=iso-8859-1" />
<title>Untitled Document, Burayı Untitled Document olarak bırakmamak gerekir bir sayfadaki en önemli etiket title etiketidir</title>
<link type="text/css" href="dosya.css" rel="stylesheet" media="screen" />
</head>
<body>
<div class="menutablo">
<div class="menu">
<a href="#">menu 1</a>
<a href="#">menu 2</a>
<a href="#">menu 3</a>
<a href="#">menu 4</a>
</div>
</div>
</body>
</html>
İnternet explorer ve firefox'da sorunsuz olarak çalışıyor, css dosyasını harici dosya olarak oluşturdum... Menü tablo genişliğini 150 px olarak ayarladım gerekli değişikliği yaparsın, bu şekilde kullanıldığında sayfa boyutu küçülmüş olur, böylece hem bant genişliğinden tasarruf yapılmış olur hem de sayfa daha çabuk yüklenir..
Kolay gelsin..