[Scorp]

в общем кнопка работает как надо, наводишь меняется, но в мозиле косяк. кнопка и поле ввода не на одном уровне (На скрине номер два) . вторая проблема - это как прописать для выпадающего меню отдельно стиль. или как правильно для поле ввода прописать, что бы это не влияло на выпадающее меню. (цифра 1 на картинке)

Помогите исправить ошибки
Вот код который у меня получился.

#poisk{
	padding-left: 740px;
	width: 255px;
	height: 22px;
	
}

	.inputbox {
	color        : #FF9900;
	background   : #ECEEEF;
	border       : 1px solid #ff9e50;
	margin       : 0px 2px;
	background-color: #FFFFFF;
	width: 167px;
	height: 18px;

}

	.inputbox:hover, .inputbox:focus {
background: #3E002E;
background-color: #F2F2FF;
border       : 1px solid #9393FF;
}

	.search input.button, .search input.button{
	color        : #FFFFFF;
	background   : #ECEEEF;
	border: 0px solid #999999;
	margin       : 0px 2px;
	background-color: #0066CC;
	width: 60px;
	background-image: url(../images/04.gif);
	height: 22px;
	
}
.search input.button:hover, .search input.button:focus {
border: 0px solid #999999;
background: #333333;
color: #FFFFFF;

}

,

Исходный код с браузера

<div class="search">
		<input name="searchword" id="mod_search_searchword" maxlength="20" alt="Поиск" class="inputbox" type="text" size="20" value="поиск..."  onblur="if(this.value=='') this.value='поиск...';" onfocus="if(this.value=='поиск...') this.value='';" /><input type="submit" value="Поиск" class="button" onclick="this.form.searchword.focus();"/>	</div>
	<input type="hidden" name="task"   value="search" />
	<input type="hidden" name="option" value="com_search" />
</form>
</div></div>
<div id="topsection"></div>

<div id="contentwrapper">
<div id="contentcolumn">
 <div id="content">
<div class="componentheading">
	Поиск</div>


<form id="searchForm" action="/joomla/index.php?option=com_search" method="post" name="searchForm">
	<table class="contentpaneopen">
		<tr>
			<td nowrap="nowrap">
				<label for="search_searchword">
					Искать по:
				</label>
			</td>
			<td nowrap="nowrap">
				<input type="text" name="searchword" id="search_searchword" size="30" maxlength="20" value="" class="inputbox" />
			</td>
			<td width="100%" nowrap="nowrap">
				<button name="Search" onclick="this.form.submit()" class="button">Поиск</button>
			</td>
		</tr>
		<tr>
			<td colspan="3">
				
	<input type="radio" name="searchphrase" id="searchphraseall" value="all" checked="checked"  />
	<label for="searchphraseall">Все слова</label>
	<input type="radio" name="searchphrase" id="searchphraseany" value="any"  />
	<label for="searchphraseany">Любое слово</label>
	<input type="radio" name="searchphrase" id="searchphraseexact" value="exact"  />
	<label for="searchphraseexact">Точное совпадение</label>
			</td>
		</tr>
		<tr>
			<td colspan="3">
				<label for="ordering">
					Сортировка:
				</label>
				<select name="ordering" id="ordering" class="inputbox"><option value="newest"  selected="selected">Сначала новые</option><option value="oldest" >Сначала старые</option><option value="popular" >Самые популярные</option><option value="alpha" >По алфавиту</option><option value="category" >Раздел/Категория</option></select>			</td>
		</tr>
	</table>
			Искать только по:
				<input type="checkbox" name="areas[]" value="content" id="area_content"  />
			<label for="area_content">
				Материалы			</label>
				<input type="checkbox" name="areas[]" value="weblinks" id="area_weblinks"  />
			<label for="area_weblinks">
				Веб ссылки			</label>
				<input type="checkbox" name="areas[]" value="contacts" id="area_contacts"  />
			<label for="area_contacts">
				Контакты			</label>
				<input type="checkbox" name="areas[]" value="categories" id="area_categories"  />
			<label for="area_categories">
				Категории			</label>
				<input type="checkbox" name="areas[]" value="sections" id="area_sections"  />
			<label for="area_sections">
				Разделы			</label>
				<input type="checkbox" name="areas[]" value="newsfeeds" id="area_newsfeeds"  />
			<label for="area_newsfeeds">
				Ленты новостей			</label>
			

	<table class="searchintro">
	<tr>
		<td colspan="3" >
			<br />
			Искать по <b></b>		</td>
	</tr>
	<tr>
		<td>
			<br />
			Всего найдено 0 записей.		</td>
	</tr>
</table>

<br />

<input type="hidden" name="task"   value="search" />
</form>

,

[Scorp]

ну помогите ктонибудь

знаю что проблема в этом куске

.inputbox {
color : #FF9900;
background : #ECEEEF;
border : 1px solid #ff9e50;
margin : 0px 2px;
background-color: #FFFFFF;
width: 167px;
height: 18px; <------ убираю это все норм, а как растянуть тогда поле ввода ?

}

[vitaly-go]

Сообщение от Scorp

ну помогите ктонибудь

знаю что проблема в этом куске

.inputbox {
color : #FF9900;
background : #ECEEEF;
border : 1px solid #ff9e50;
margin : 0px 2px;
background-color: #FFFFFF;
width: 167px;
height: 18px; <------ убираю это все норм, а как растянуть тогда поле ввода ?

}

неуверен но может ячейку таблицы в которой он сделать нужного размера, а ему уже H100% W100% ?