Как в internet Explorer перенести li на новую строчку?

[EVOSandru6]

Добрый день,

Такая проблема, сделал виртуальную клавиатуру, которая хорошо смотрится на стандартных браузерах.

Структура - ul > li (float:left)

В местах прерываний, где необходимо перейти на след строку символов, использовал св-во

clear:left

Но оно не работает в explorer.

Пробовал создавать холостой li

clear:both;
width:auto;
height:1px;
background: none;


между символами на месте перехода,

и еще для данного li указывал :after

Код: Выделить всё

.keyboard li.clear:after
{
    height: 1%;
} 

но все равно не работает/ Помогите советом.

[SiZE]

совет - не делать так, а делать так:

Код: Выделить всё

<div class="keyboard">
    <div class="row">
        <ul><li>q</li><li>w</li><li>e</li></ul>
    </div>
    <div class="row">
        <ul><li>a</li><li>s</li><li>d</li></ul>
    </div>
    <div class="row">
        <ul><li>z</li><li>x</li><li>c</li></ul>
    </div>
</div>
<style>
    .keyboard .row {
        position: relative;
        overflow: hidden;
    }
    .keyboard .row ul li {
        float: left;
    }
</style>

[EVOSandru6]

Спасибо, что-то вроде того и сделал в результате.