Раскрывающийся список исчезает на Firefox

Question

У меня проблема с выпадающим списком только на Firefox в Windows (отлично работает на FF на Mac), Chrome, IE, Opera, Safari.

Когда я нажимаю на раскрывающийся список и перемещаю мышь, чтобы сделать свой выбор, меню внезапно закрывается.

Я ничего не могу выбрать.

Это часть моего кода.

CSS:

.table { 
    background:#ffffff; 
} 
.table ul { 
    display: block; 
    float:left; 
    margin:0; 
    padding:0; 
    border:1px solid #C9C9C9; 
} 
.table ul.categ { 
    width: 157px; 
} 
.table ul li { 
    height:24px; 
    list-style:none; 
    padding:5px 10px; 
} 
.table ul li.title { 
    font-weight:bold; 
    background:#333; 
    color:#fff; 
} 
.table ul li.even { 
    background:#fff; 
} 
.table ul li.odd{ 
    background:#FFFFE6; 
} 

И это мой PHP код:

<form> 
    <div class="table"> 
     <ul> 
      <li class="title">Titles</li> 
      <li class="even"> 
       <select name="titles[]"> 
        <option value=""></option> 
        <option value="title1">Title 1</option> 
        <option value="title2">Title 2</option> 
       </select> 
      </li> 
     </ul> 
    </div> 
</form> 

Демо: jsFiddle

Любая помощь?

Answer 1

Нашли ошибку, вот часть моего кода с исправлением. Надеюсь, это поможет другим людям.

.table ul li.even { 
    background:#fff; 
    position:relative; /* this fix the unclickable dropdown list */ 
} 

Answer 2

Вам не хватает < перед первым вариантом. Не уверен, что это вызовет вашу проблему или нет. Кроме того, заканчиваете ли вы свой тег <form>?

Answer 3

Возможно, вам понадобится взломать CSS для FF на окнах. Отличная почта здесь по теме Targeting only Firefox with CSS