[Heidel]

При задании картинки-бэкграунда для инпута type="text" или type="search"

открывающий тег form
					<input type="text" name="" class="search-field" placeholder="Найти нужное..." /> 
					<input type="submit" value="" class="search-button" />
закрывающий тег /form
				

в гугл хроме картинка-бэкграунд не отображается
для того, чтобы это обойти, в свойствах инпута нужно задать -webkit-appearance: none;

#search form input.search-field {
	background: url('../images/search_background.png') no-repeat;
	width: 122px;
	height: 37px;
	border: none;
	font-family: 'Tahoma', sans-serif;
	font-size: 12px;
	color: #8e9ea4;
	padding-left: 10px;
	padding-right: 35px;
	-webkit-appearance: none;
	outline: none;
}

@темы: HTML, Верстка, Браузеры, CSS, Google Chrome