IE9 img hover ajouter la marge au fond

J'ai un très étrange problème et je n'ai aucune idée sur la façon de le résoudre. La page Web où le problème se produit a un div qui a plusieurs images cliquables horizontalement dedans. Lorsque vous survolez les images cliquables(), une bordure de 15 pixels change de couleur. Lorsque vous quittez l'état plané, la couleur de la bordure change à nouveau en fonction de la couleur d'origine. Le problème étrange est que lorsque je planer une image dans la div ou quitter l'état hover, la marge sous la div continue d'élargir, ce qui est bien sûr inacceptable. Ce problème se produit uniquement dans IE9. Chrome et Firefox fonctionnent bien. Je n'ai pas testé sur les versions précédentes d'IE. Je pense que le problème pourrait être dans les déclarations CSS suivantes:IE9 img hover ajouter la marge au fond

#content_links #fotos #foto{ 
    text-align: center; 
    width: 488px; 
    overflow-y: hidden; 
    white-space: nowrap; 
    margin-left: 22px; 
    margin-bottom: 70px; 
} 

#content_links #fotos #foto a{ 
    text-decoration: none; 
} 

#content_links #fotos #foto img{ 
    margin-left: 3px; 
    margin-right: 3px; 
    margin-bottom: 6px; 
    border: 3px solid silver; 
    border-bottom-width: 15px; 
} 

#content_links #fotos #foto a:hover img{ 
    border: 3px black solid; 
    border-bottom-width: 15px; 
}

Des indices sur la résolution de ce problème? Merci à l'avance,

Thomas

Source

2011-06-30 TMeersschaert

J'ai le même problème quand j'ai un div qui a un débordement. Si je corrige le div pour être assez grand pour contenir tout le contenu sans débordement, le problème ne se produit pas. – RustyTheBoyRobot

Avez-vous déclaré DOCTYPE html pour votre? J'ai remarqué des choses étranges avec IE et les frontières sans un. Je ne suis pas sûr que cela s'applique à IE 9.

Voir here sur css et la compatibilité avec Internet Explorer.

Source

2011-06-30 12:59:40

Oui J'ai déclaré un doctype. J'ai essayé des choses et le problème semble être avec le débordement-y: caché; déclaration. Lorsque je supprime cette ligne, le problème est parti. J'ai besoin d'être caché, donc ce n'est pas une solution satisfaisante. – TMeersschaert

IE9 img hover ajouter la marge au fond

Répondre

Questions connexes