2010-11-08 4 views
0

Je Styled une barre de recherche sur ce site hererecherche Styled barre disparaît complètement dans IE7

Il disparaît complètement dans IE7 (je ne ai pas besoin de soutenir IE6). Cela fonctionne très bien dans tout autre navigateur que j'ai testé jusqu'à présent (Chrome, IE8, Safari, Firefox, Opera).

J'ai essayé de supprimer et ajouter des propriétés CSS sans succès

HTML

<div id="access-search"> 
    <form id="searchform" method="get" action="http://eezzyweb.com"> 
     <div> 
     <input id="s" name="s" type="text" value="" size="20" tabindex="1" /> 
     <label for="s"> 
      <input id="searchsubmit" name="searchsubmit" type="submit" value="Search" tabindex="2" /> 
     </label> 
     </div> 
    </form> 
</div> 

CSS

#searchform div{ 
position:relative; 
float:right; 
display:inline; 
top:6px; 
right:10px; 
width:250px; 
height:22px; 
background:url(images/search-bkg-complete.png) 0 0 no-repeat; 
} 
input#s{ 
position:relative; 
width:210px; 
height:16px; 
margin-left:5px; 
background:none; 
padding:3px 0; 
} 
#searchsubmit { 
background:url(images/submit-button.png) 0 2px no-repeat; 
float:right; 
width:22px; 
height:21px; 
text-indent:-9999px; 
text-transform:capitalize; 
} 
input#s, #searchsubmit{ 
vertical-align:middle; 
border:0; 
line-height:1; 
font-size:90%; 
} 
#searchsubmit:hover{ 
cursor:pointer; 
} 
+0

@AdamWenger fait ... un peu en retard .... – Mirko

Répondre

0

Lol ... Je l'ai résolu. Il y avait un débordement: caché sur un conteneur parent!

+1

Afin de marquer une question comme résolue, cliquez sur la coche verte à côté de votre réponse pour l'accepter. Cela l'enlèvera de la liste des questions sans réponse. – Wesley

+0

@Wesley merci, juste en passant par mes anciennes questions – Mirko

Questions connexes