[مشكلة] : بعد تعديل الخطوط لا تظهر العناوين بشكل سليم

[محروم.كوم]

السلام عليكم

عدلت على خطوط القالب من خلال استخدام
رمز Code:
@font-face {
font-family: "DroidKufiRegular";
src: url("fonts/droidkufiregular.eot"); /* IE 9 للإصدار التاسع من متصفح الإكسبلورر */
src: url("fonts/droidkufiregular.eot?") format("eot"), /* IE 6-8 من الإصدار السادس حتى الثامن من متصفح الإسكبلورر */
url("fonts/droidkufiregular.otf") format("opentype"), /* Other browsers للمتصفحات الأخرى */
url("fonts/DroidKufiRegular.ttf") format("truetype"); /* Safari, Android, iOS للمتصفحات الهواتف وبقية المتصفحات الحديثة */
}
وهذا الخصائص اللي استعملتها

رمز Code:
#botmenu{
height:40px;
margin:0px 0px 0px 0px;
font-size: 14px;
overflow:hidden;
background:#55aee1;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
font-family:'DroidKufiRegular', arial , tahoma;
}

#submenu {
margin: 0px 0px;
width:800px;
padding:0px 10px;


}

#submenu ul {

width: 100%;
float: right;
list-style: none;
margin: 0;
padding: 0 0px;
}

#submenu li {
float: right;
list-style: none;
margin: 0;
padding: 0;
color: #999;
text-shadow:1px 1px 0px #111;
}

#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 12px 10px 12px 10px;
text-decoration: none;
position: relative;
text-shadow:1px 1px 0px #111;
}

#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
color: #fff;
text-shadow:1px 1px 0px #111;
background:#8700e5 url(images/3.gif);




}

#submenu li a.sf-with-ul {
padding-right: 20px;
}



#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
color: #aaa;
font-size:11px;
text-shadow:none;
width: 148px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 0px 10px;
line-height:35px;
border-bottom:1px solid #444444;
border-top:1px solid #2D2623;
border-left:1px solid #2D2623;
border-right:1px solid #444444;
text-transform: none;
position: relative;
background:#3B3D3D;
}

#submenu ul ul li:first-child{
border-top:none;

}

#submenu ul ul li:last-child{
border-bottom:none;

}

#submenu li li:last-child{
border-bottom:none;
}

#submenu li li a:hover, #submenu li li a:active {
background:#2F3030;
color: #fff;
}


#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 5px 0px;
padding: 5px 5px;
background:#282828;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#submenu li ul a {
width: 150px;
}

#submenu li ul a:hover, #submenu li ul a:active {
}

#submenu li ul ul {
margin: -41px 0 0 179px;
}

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}

#submenu li:hover, #submenu li.sfHover {
position: static;
}
وهنا ظهرت المشكلة اختلاف في المتصفحات التالية

فايرفوكس تمام ما فيه مشاكل


كروم العناوين تظهر ناقصه


اكسبلورر


حاولت احلها لكن الحصل ماهو مضبوط بحيث اني اشيل خانة البحث لكن حل غير سليم


طلب بسيط اخر اذا مافيه ازعاج عليكم
خلال التصميم حاولت اضيف لوقو لكن ظهرت مشكلة في القالب حيث ان الصوره اللي اضعها في القالب بالامتداد هذا

img/x.gif
يظهر رابطها عند التحميل تابعه لصفحة الحالية مثلا

http://localhost/wordpress/x.gif
وعند دخول صفحة اخرى يظهر هكذا
http://localhost/wordpress/xxx/x.gif

وبالتالي لا يقوم المتصفح بطلب الصوره من مجلد الصور الخاص بالقالب ؟


وجزاكم الله خير __DEFINE_LIKE_SHARE__