[Resolvido] Problema com o IE no CSS
Olá pessoal, estou desenvolvendo um site de busca, pois como voces podem ver pelas imagens, no Firefox eu acertei o codigo, mas no IE ele ainda continua desajeitado. estou passando os codigos, gostaria de saber quem pode me ajudar a concertar esse CSS para a imagem do firefox ficar a mesma coisa no IE.
Codigo HTML
<div id="search">
<form id="form1" name="form1" method="post" action="">
<div id="campo">
<label>O que você procura:</label>
<span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="70" value="" />
</span>
<p>
<small>(Ex: Prefeitura, restaurantes, casas de shows)</small>
</p>
</div>
<div id="campo">
<label>Sua localidade:</label>
<span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="70" value="" />
</span>
<p>
<small>(Ex: Bairro da Paz, Parauapebas, endereço...)</small>
</p>
</div>
<input name="b" type="image" src="imagem/bt_buscar.gif" class="button" />
</form>
</div>
Codigo CSS
/área search/
#search form { float: left; padding:0; margin: 10px 0 0 44px; width: 850px}
#search span {display:block; float:left; background:url(imagem/bg_search.gif) left top no-repeat; width:243px; padding:1px 19px; height:34px}
#search form .keywords { width:210px; line-height:25px; height:20px; float:left; background:none; border:0; margin-top: 3px; font:normal 15px Arial, Helvetica, sans-serif; color: #666666;}
#search #campo { float:left; margin: 0; display:block}
#search form label{ font-size: 19px; display:block; margin-bottom: 3px; color: #2c93b3; font-weight:700; }
#search form p small { font:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; margin: 0; float:left }
#search form .button {float: left; margin: 17px 0 0 55px; padding: 0;}
#search h3 { display:block; float:left;}
Eu nao consegui postar a imagem aqui no post, mas quem for ajudar, manda o e-mail que eu mando a foto da imagem.
Discussão (6)
Carregando comentários...