окно поиска не будет всплывать вправо в IE8

Question

это окно поиска не будет всплывать вправо в IE8 на сайте WordPress. Посмотрите скриншот, как это выглядит в FF и как это выглядит в IE8: http://www.abload.de/img/searchbox_bugl4z5.jpg

Код header.php (добавлен float: прямо здесь, но я думаю, что это не полезно?):

<div id="topnav">
    <?php echo qtrans_generateLanguageSelectCode('image'); ?>
    <br />
    <form style="float:right;" role="search" method="get" id="searchform" name="searchform" action="#" >
        <div style="float:right;">
            <input class="text" type="text" value="Search for..." onfocus="if(this.value == 'Search for...'){this.value = '';}" name="s" id="s" />
            <input class="button-secondary" type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div><!-- /#topnav -->

Код CSS:

#topnav{
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    float:right;
    margin-top:23px;
}

Я посмотрел некоторые темы здесь, но не смог найти решение.

Спасибо, ребята!

Answer 1

Если ваш #topnav не должен находиться рядом с чем-либо, вы можете исправить это, удалив все style="float:right;" из вашего HTML и изменив #topnav CSS следующим образом:

#topnav{
    text-align: right;
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    margin-top:23px;
} 

То, что сделано выше, это делает контейнер #topnav неплавучим элементом шириной 100%, который выравнивает все внутри вправо.Вы можете увидеть это в действии здесь .

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