При нажатии на кнопку разлазятся блоки

[Crabman]

суть проблемы, у меня есть js который выполняет функцыю вкладок, во всех браузерах все отлично работает кроме ie8, там при перезагрузке страницы все ок. но когда нажимаешь на табы то тогда у меня разлазятся табы с самим контентом таба, в чем может быть проблема???

PHP код:

<div class="section">
                <ul class="tabs">
                    <li class="current">Быстрый поиск</li>
                    <li>Расширенный поиск</li>
                </ul>
                <div class="box visible">
                    <input class="text-tab" type="text" value="Введите текст для поиска компании или услуги" />
                    <input class="button-tab" type="submit" value="Найти">
                </div>
                <div class="box"></div>
            </div> 


Вот мои стиля:

PHP код:

.section{
    margin: 31px 0 0 0;
    padding: 0;
}
ul.tabs {
    height: 36px;
    line-height: 36px;
    list-style: none;
    background: #FFF;
}
.tabs li {
    height: 36px;
    width: 160px;
    float: left;
    display: inline;
    font: 16px Arial;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: url(../images/tab-pasive.png) no-repeat;
    position: relative;
    padding: 8px 0 0 0;
}
.tabs li:hover, .tabs li:hover {
    background: url(../images/tab-pasive.png) no-repeat;
}
.tabs li.current {
    height: 36px;
    width: 160px;
    color: #FFFFFF;
    text-align: center;
    background: url(../images/tab_left.png) no-repeat;
    padding: 8px 0 0 0;
}
.box {
    width: 710px;
    height: 70px;
    display: none;
    background: url(../images/tab-content.png);
}
.box.visible {
    width: 710px;
    height: 70px;
    display: block;
    margin: 0;
    padding: 0;
}
.text-tab{
    width: 540px;
    height: 36px;
    margin: 10px 0 0 10px;
    border: none;
    float: left;
}
.button-tab{
    width: 149px;
    height: 36px;
    background: url(../images/button-tab.png);
    padding: 0;
    margin: 10px 11px 0 0;
    border: none;
    float: right;
} 


[Лубышев]

ul.tabs {
    height: 36px;
    line-height: 36px;
    list-style: none;
    background: #FFF;

может так?:

.tabs {
    height: 36px;
    line-height: 36px;
    list-style: none;
    background: #FFF;

а вот этот кусок:

.box.visible {
    width: 710px;
    height: 70px;
    display: block;
    margin: 0;
    padding: 0;
}

может так?:

.visible {
    width: 710px;
    height: 70px;
    display: block;
    margin: 0;
    padding: 0;
}

[Naive]

в ul.tabs нет проблемы, нормальный селектор, а вот .box.visible будет вызывать проблемы в старых версиях ИЕ.