<style type="text/css">
#menu {
float:left;
width:100%;
background:#efefef;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#menu ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
background:url("http://img.webme.com/pic/c/css-tasarimm/tableftf.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#menu a span {
float:left;
display:block;
background:url("http://img.webme.com/pic/c/css-tasarimm/tabrightf.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/*
www.css-tasarimm.tr.g */
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
</style>
<div id="menu">
<ul>
<li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
<li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
<li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
<li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
<li><font size="4"><a href="http://www.css-tasarimm.tr.gg" target="_self" title="sample"><span>css-tasarimm</span></a></font></li>
</ul>
</div>