Кроссбраузерная верстка и различное отображение страниц :: Web-программирование

Может поможете дилетанту. Вопрос по поводу формы поиска в левом сайдбаре. В ИЕ, Мазиле и Опере показывает нормально, а в Опере поле, в которое вводится запрос для поиска примерно на 1 см вылезает за рамки сайдбара (в центральную часть).
Не знаю, что может понадобиться. Вот в стайле то, что этого, по-моему, касается:

/***** SIDEBAR *****/
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { color: #eae7b3; font-family: Times New Roman, Georgia, Verdana, Tahoma, Trebuchet MS, Sans-Serif; font-size: 14px; font-variant: small-caps; font-weight: bold; margin: 15px auto 10px auto; padding: 3px; border: #000 1px solid; text-align: center; background: url(images/sidebar_head.gif); }

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #660000; }
#left_sidebar a.title, #right_sidebar a.title { color: #6b6b47; padding: 0px; margin: 0px; }
#left_sidebar ul li a { display: inline; font-size: 13px; font-family: Verdana, Times, Sans-Serif; color: #544b40; text-decoration: none; margin: 0; padding: 0; }
#right_sidebar ul li a { display: inline; font-size: 11px; font-family: Verdana, Times, Sans-Serif; color: #544b40; text-decoration: none; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0px; padding-bottom: 5px; margin: 0px; font-size: 10px; color: #6b6b47; }
#left_sidebar ul ul, #right_sidebar ul ul { margin:0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin:0 0 0 10px; }

#left_sidebar { width: 160px; float: left; margin: 20px 0 20px 35px; padding: 10px auto 0 auto; }
*html #left_sidebar { margin: 20px 0 20px 20px; padding: 10px auto 0 auto; }
#left_sidebar ul { list-style: none; margin: 0 0 5px 0; padding: 0; }

/***** SEARCH *****/
#searchform { margin: 3px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

А вот собственно сам searchform.php:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div>    <div>
<input type="text" class="txt" name="s" id="s" value="Введите запрос" onfocus="if (this.value == 'Введите запрос') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите запрос';}" />
    </div> </div> </form>

Подскажите, пожалуйста, как это исправить (если можно, доступно, с учетом того, что я всего второй месяц знакомлюсь с версткой))

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки