ناف بار راثع من تطويري

<div style="float: left; width: 32px; height: 61px; background: url(http://4share.ws/templates/simple/images/bar-l.png);"></div><div id="head_bar"> <div class="selected" style=""><a href="/">الرئيسة</a></div> <div class="div"><a href="/search">بحث</a></div> <div class="div"><img src="http://4share.ws/templates/simple/icons/moneybag_dollar.png" style="vertical-align: top;"> <a href="/h1-Upload">رفع الملفات</a></div> <div class="div"><a href="/privmsg?folder=inbox">الرساثل</a></div> <div class="div"><a href="/faq">س و ج</a></div> <div class="div"><a href="/contact">الاتصال بنا</a></div> <div class="div2"> <a class="hidden" href="/"><img src="http://4share.ws/templates/simple/icons/home.gif" width="11" height="10" alt=""></a> <img class="hidden" src="http://4share.ws/templates/simple/icons/dot.gif" width="2" height="6" alt=""> <a class="hidden" href="/contact"><img src="http://4share.ws/templates/simple/icons/contact.gif" width="11" height="8" alt=""></a> </div> <div class="clear"></div> </div>
</div><div style="float: left; width: 32px; height: 61px; background: url(http://4share.ws/templates/simple/images/bar-r.png);"></div>

#head_bar {
float: left;
width: 881px;
height: 61px;
background: url(http://4share.ws/templates/simple/images/bar-m.png);
font-weight: bold;
font-size:15px;
color: #193540;
}

#head_bar .selected {
width: 132px;
height: 61px;
padding-top: 17px;
background: url(http://4share.ws/templates/simple/images/bar-h.png) no-repeat;
text-align: center;
float: right;
}
#head_bar .selected a { color: #fff; }

#head_bar .div {
width: 132px;
height: 61px;
padding-top: 17px;
text-align: center;
float: right;
}
#head_bar .div a { color: #193540; }
#head_bar .div a:hover { color: #EA0000; }

#head_bar .div2 {
height: 61px;
padding-top: 17px;
text-align: center;
float: left;
}