CSS Dropdown Menu

[Shana83]

Hello everyone,

 

That's my first here, so I hope you can help me

 

Here is my website : http://yuts.fr

 

The dropdown menu works quite good but the CSS is disturbing.

When you go to the english version (flag), you can see that in "Services > Optimize your export project" > every link is underline whereas when you go anywhere else, it's working good, the links are not underline.

 

I'd like to have this problem fixed please and I don't know where it can come at all.

 

On another part, I'd like to have the sub-sub menu frame with a border to delimit it from the content.

For example, in "Services > Human Resources" > having a border top, bottom, right and left to have all the sub menu inside a white frame.

 

And last but not least, if you go on the Hebrew version (flag), the dropdown menu is supposed to be at the left... but it goes at the right.

Would someone be able to fix this also please ?

 

Style CSS :

/*--- top navigation ---*/
div.top-navigation-wrapper{ background: url('images/top-bar-background.png');
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000;}
div.top-navigation-wrapper-gimmick{ height: 3px;  }
div.top-navigation-container.container{ text-align: center; font-size: 12px; line-height: 100%; }
div.top-navigation-left-text{ float: left; line-height: 18px; margin-left: 10px; padding-top: 7px; padding-bottom: 7px; }
div.top-navigation-right-text{ float: right; line-height: 18px; margin-right: 10px; padding-top: 7px; padding-bottom: 7px; }
div.floating-nav-wrapper .sf-menu li a{text-transform: uppercase; font-weight: bold; }  
div.floating-nav-wrapper .sf-menu li li a{ font-weight: normal; text-transform: none; }

div.floating-nav-wrapper ul.sf-menu li:hover ul, 
div.floating-nav-wrapper ul.sf-menu li.sfHover ul{ top: 19px; padding-top: 15px; }
div.floating-nav-wrapper ul.sf-menu li:hover ul li.sfHover ul,
div.floating-nav-wrapper ul.sf-menu li.sfHover ul li.sfHover ul{ top: 0px; padding-top: 0px; }

/*--- navigation ---*/
div.gdl-navigation-wrapper{ float: left; }
div.gdl-current-menu { top: 0px; bottom: 0px; position: absolute; 
	background-image: url('images/menu-gradient.png'); background-repeat: repeat-x; }
div.navigation-wrapper{ margin: 0px 17px; font-family: Tahoma; width: 1000px; }
div.navigation-wrapper .sf-menu li a{ text-transform: uppercase; font-weight: bold; font-size: 13px;} 
div.navigation-wrapper .sf-menu li li a{ font-weight: normal; text-transform: none; }
.sf-menu .sf-sub-indicator { display: none; }
.sf-menu li li .sf-sub-indicator { display: inline;}

div.responsive-menu-wrapper{ margin: 0px 10px; }
div.responsive-menu-wrapper select{ width: 100%; height: 25px; }

I precise I'm not the one who coded the layout... So tell me if you need something else from me (code of header.php)...

 

Thank you so much  everyone !