css position jquery ui combobox

Question

Я хочу разместить jqery ui combox. я получил больше одного, но не все они должны быть в том же относительном положении.

вот мой код:

HTML:

<div> 
    <select id="comboSubsidiary" class="comboTravel" > 
     <option>loading</option> 
    </select> 
</div> 

<div> 
    <select id="comboCountry" class="comboWork"> 
     <option>loading</option> 
    </select> 
</div> 

CSS:

div.comboTravel{position: relative; left: 410px; top: -23px; display: inline-block; } 

выше CSS Дон # т работу.

следующие работы CSS:

.ui-combobox{position: relative; left: 110px; top: -23px; display: inline-block; } 
     .ui-button { 
      position: absolute; 
      top: 0; 
      bottom: 0; 
      margin-left: -1px; 
      padding: 0; 
      /* adjust styles for IE 6/7 */ 
      *height: 1.7em; 
      *top: 0.1em; 
     } 
     .ui-autocomplete-input { 
      margin: 0; 
      padding: 0.3em; 
     } 

но с этим CSS все выпадающие списки были расположены таким же образом. Я хочу, чтобы некоторые comboboxes использовали класс css, но я не знаю, как я могу получить к ним доступ (например, css-класс comboTravel или comboWork)

Как я могу заставить это работать?

Greetz

Tobi

Answer 1

я мог видеть, что класс div.comboTravel имеет вершину -23px, может быть это сделать выпадающий не появится на экране. Я попытался удалить его и создать еще один класс для comboWork, и он работает для меня. Вот jsFiddle как [http://jsfiddle.net/nAC8N/2/]

Надеюсь, что это поможет.