Problème de positionnement float sur Internet Explorer 11 (Créer un compte)

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 4.1
– Version de PHP/MySQL : 5.4
– Thème utilisé : Twenty Twelve (child)
– Extensions en place :
– Nom de l’hebergeur : OVH
– Adresse du site : http://cluster011.ovh.net/~expertumcp/immo01/

Problème(s) rencontré(s) :

Je voulais avoir le widget à gauche plutôt qu’à droite sur Twenty twelve.
Le code qui suit (inclus dans style.css du thème enfant) fonctionne très bien sous Firefox, Opéra, Safari et Chrome. Comme toujours, c’est IE qui pose problème : selon les systèmes d’exploitation, le widget s’affiche en-dessous ou à droite du contenu principal.

/*– move sidebar to the left –*/
@media screen and (min-width: 600px) {
.site-content { /*zone du contenu principal*/
float: right; /*– move sidebar to the left –*/
margin-top: -13px;
width: 685px;
height: 460px;
padding-left : 15px;
}
.widget-area {
float: left; /*– move sidebar to the left –*/
background-color: #b2b5ba;
width: 260px;
height: 460px;
margin-top: -13px;
}

/* for IE8 and IE7

---

*/
.ie .site-content {
float: right;
}
.ie .widget-area {
float: left;
}

J’ai essayé de modifier les valeurs « float » dans la feuille de style spéciale ie.css, en la recréant dans le thème enfant selon la même arborescence que dans le thème parent, mais cela n’a rien donné.

Merci d’avance pour vos suggestions.