La zone de texte crée un espace lorsqu'il est laissé à gauche dans IE7

Question

J'ai une case d'angle arrondie à gauche -> zone de texte -> boîte à coins arrondis qui fait partie d'un champ de recherche. Tout va bien en FF, Chrome, IE8 mais pas IE7. Je l'ai vérifié en utilisant l'outil de débogage et j'ai essayé un certain nombre d'options, dont aucune ne veut fonctionner pour le moment, donc j'espère que quelqu'un pourrait savoir ce que ce problème (bug) pourrait être s'il vous plaît?

Voici un extrait de mon code:

<div class="roundBox4"> 
    <img src="../App_Themes/MyChoice2010/Images/reality-box-top.gif" width="228" height="8" /><img 
        src="../App_Themes/MyChoice2010/Images/reality-box-locate.gif" width="228" height="49" /> 
       <asp:ContentPlaceHolder ID="Box4Content" runat="server"> 
       </asp:ContentPlaceHolder> 
       <div class="locateABroker"> 
        <img src="../App_Themes/MyChoice2010/Images/locate-broker-left.gif" class="locateBrokerLeft" 
         height="19" width="3" /><asp:TextBox ID="TextBox1" CssClass="locateBrokerCenter" 
          runat="server"></asp:TextBox><img src="../App_Themes/MyChoice2010/Images/locate-broker-right.gif" 
           height="19" width="3" class="locateBrokerRight" /> 
        <a href="" class="locateBrokerSubmit">Submit</a><img src="../App_Themes/MyChoice2010/Images/box-arrow.gif" 
         class="linkArrow" width="8" height="14" /> 
       </div> 

Answer 1

La seule chose que je peux dire au sujet de IE7 est que vous avez besoin presque littéralement de déclarer tout dans votre CSS. Inheiretance est abyssale dans IE7. Je m'assurerais que vous êtes a) en utilisant un bon reset.css et b) essayez de déclarer n'importe quel padding, etc. directement sur l'élément qui vous donne des problèmes.