положение мое выпадающее меню с правой

Question

на моем сайте MInGamez.com у меня есть строка текста с именем Продукты я позже изменить что меню, но им, имеющих проблемы с ним, потому что мне нужно, что и выпадающее меню имеет быть вправо с заранее заданным 35px; , так как бы я смог выровнять выпадающее меню справа?

JsFiddle

и потому, что я должен добавить код с Js скрипку я отправлю свой HTML вниз,

HTML

<!--start menu --> 
<div id='cssmenu'> 
<ul> 
<!-- site logo --> 
    <li class='active'><a href='index.html'><span><img style="height: 35px;width:75;" src="images/logo_image.png" alt="website logo"/></span></a> 
    </li> 
<!-- end site logo --> 
<!-- search form --> 
     <li class="active"><span> 
<div> 
<form id="searchform"> 
    <div> 
    <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" /> 
    </div> 
    <div id="suggestions"></div> 
</form> 
</div> 
    </span> 
     </li> 
<!-- end search --> 
<!-- drop down --> 
    <li class='has-sub'><a href='#' style="align:right;"><span>Products</span></a> 

     <ul> 
      <li class='has-sub'><a href='#'><span>Product 1</span></a> 

       <ul> 
        <li><a href='#'><span>Sub Item</span></a> 
        </li> 
        <li class='last'><a href='#'><span>Sub Item</span></a> 
        </li> 
       </ul> 
      </li> 
      <li class='has-sub'><a href='#'><span>Product 2</span></a> 

       <ul> 
        <li><a href='#'><span>Sub Item</span></a> 
        </li> 
        <li class='last'><a href='#'><span>Sub Item</span></a> 
        </li> 
       </ul> 
      </li> 
     </ul> 
<!-- end drop down --> 
</ul> 
</div> 
<!-- end menu --> 

Answer 1

Что-то вроде this?

Я добавил:

#cssmenu ul ul > li:hover > ul { 
    left: 190px !important; 
} 

Answer 2

Почему вы не совсем просто дать Outter наиболее Div в position: relative;, а затем дать меню position: absolute; right: 35px; или любой другой. Это позволит убедиться, что меню остается на плаву, выравнивается по правому краю, внутри ограниченных границ самого большого div.