problem with dropdown menu

Hi all,

1st sorry for by bad English

2nd I have a WordPress website "http://www.ezbetgerges.com/blog/" runs in Arabic language "RTL Language" and with iNove template
the problem is that when I hover over the menu item called "فيديو مارمرقس" the sub menu cover the main item IN FIREFOX ONLY while it works right in other browsers

and there are 2 pictures (1st is the normal view without hovering - and the 2nd is while hovering)





I'll be so thankful if you help me guys .. coz I can't find it out !

 

problem with dropdown menu is that this is not search engine friendly and it is also effects on SEO Promotion

 

@OP, With the screencap one can only guess rather pointing out the real issue. Expected is a URL or the HTML/CSS code so that further investigation can be done.

what exactly a normal CSS dropdown has to do with SEO unless a JS based dropdown?

 

Thanks for your replies and I'll get some screen shots and the css codes for more help .. thanks alot

 

The problem occur when any user login to the blog (when the user bar appears) .. so the problem isn't only in firefox .. byt in ALL BROWSERS

I knew what makes the problem .. but can't figure out how to solve it !!!





this is the css code of the menu (some Properties are repeated because classes are being called from 2 different css files style.css and rtl.css because of the language of the website)

#menus li li a {
    padding-left: 18px;
    padding-right: 10px;
}
#menus li li a {
    background-image: none;
    border-bottom-color: #DDDDDD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #999999;
    display: block;
    float: none;
    height: auto;
    line-height: 145%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 7px;
	padding-top: 7px;
    text-decoration: none;
    width: 175px;
}
#menus li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#menus li a {
    background-position: 0 0;
	font-size: 11px;
	line-height: 31px;
	z-index: 1;
}
#menus li li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
body {
    direction: rtl;
    text-align: right;
}
body {
    font-family: Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
}

Code (markup):

for an overall look on the css files:
this is the style.css file
http://www.ezbetgerges.com/blog/wp-content/themes/inove/style.css


and this is the rtl.css file
http://www.ezbetgerges.com/blog/wp-content/themes/inove/rtl.css

thanks for quick response

 

need a little help here guys !!!