Problème de compatibilité sous IE7?

Bonjour,

j'ai un problème de compatibilité sous ie7 voici l'image:



voici le code:

<div class="largeButtonBorder">
         <input type="submit"  class="largeButton" id="checkAb"  value="Check Availability"/> 
</div>

voici le style:

.createAlbum .largeButtonBorder {
    float: left;
}

.largeButtonBorder {
    background-image: url("../images/bg-buttun-profile.png");
    background-repeat: no-repeat;
    height: 30px;
    width: 148px;
}

.largeButton {
    background-image: url("../images/bg-button.png");
    background-repeat: repeat-x;
    color: white;
    font-size: 14.4px;
    height: 26px;
    margin-left: 2px;
    margin-top: 1px;
    padding: 0;
    width: 144px;
}

merci d'avance!!!
Modifié par ziadtdi (24 Mar 2011 - 16:34)

Sur ta class .largeButton, rajoutes un float:left, et repositionne le à l'aide de margin

Az