Не работает связка absolute & table-cell в FF?

Question

[Александр]

Во всех браузерах инпут растягивается на всю доступную ширину, а в фаерфоксе ведет себя дефолтно.
Можно как-то подправить?
jsfiddle.net/AVEN1Q/fa6Lbzpq
логика работы ну прямо как здесь: joxi.ru/EA4kl5KHWeqY2b

<div class="wrap-form">
			<ul class="select">
      <li>
          <div id="s-num1444289813769">
               &times Папка
          </div>
      </li>
      <li>
          <div id="s-num1444289813799">
               &times Папка2
          </div>
      </li>
					<li class="f-inp">
						<div class="wrap-search">
							<div class="table-cell">
								<input id="search" type="text" placeholder="Выберите папку или создайте свою">
							</div>
						</div>
					</li>
				</ul>
				
				<ul class="switch" id="searchresults"></ul>
			</div>

.table-cell{
				display:table-cell;
				width:1%;
			}
			.wrap-form{
				position:relative;
				z-index:1;
				float:left;
				width:100%;
				max-width:415px;
			}
			.wrap-form .select{
				padding: 0px 2px 2px;
				width:100%;
				display:inline-block;
				vertical-align: top;
				border:1px solid #e4e4e4;
			}
			.wrap-form .select li{
				float:left;
				margin: 2px 4px 0 0;
				padding: 0 2px;
			}
			.wrap-form .select li:last-of-type{
				height: 21px;
			}
			.wrap-form .select li:not(:last-of-type){
				border: 1px solid #444;
			}
			.wrap-form .select li>div{
				font-size:13px;
				display:inline-block;
			}
			
			.wrap-form .select li div i{
				margin-right:2px;
				cursor:default;
			}
		
			.wrap-form .wrap-search{
				position:absolute;
				margin-right: 2px;
			}		
			.wrap-form .wrap-search #search{
				height: 100%;
				width: 100%;
				border:none;
				-webkit-appearance: none;
				outline: none;
			}
			
			.wrap-form #searchresults{
				position:absolute;
				max-height:200px;
				overflow:auto;
				border:1px solid #aaa;
				display:none;
				width: 100%;
			}
			
			.wrap-form #searchresults li a{
				text-decoration: none;
			}

Answer 1

[Ivanq]

На сколько я понял, li с input'ом неправильной ширины. Правда, как именно решить эту проблему я не знаю. Пока, все что могу предложить - верстать старыми добрыми таблицами.

Comments

[Александр]

Да, неправильной; функция этого li просто переносить вложенный блок с инпутом на новую строку.

[Ivanq]

Александр: а у меня не переносится. может, просто [br]

[Александр]

Ivanq: joxi.ru/n2Ykw4dHxgvpr6
Не понимаю, что не переносится, вроде работает.
Я узнал, что в firefox absolute не поддерживается как в таблицах, так и в ячейках.
Но у меня как бы немного другая ситуация, обратная: ячейка в абсолютно позиционированном блоке.

[Ivanq]

Александр: С position: absolute может быть неправильный размер.