Problème avec ie7

mon code fonctionne s/ ff et ie9 et 10, mais avec ie7 et moins c la catastrophe, SVP aidez moi voilà le code:

.element1 {
color: #003366;
font-size: .8em;
color: #000;
text-align: justify;
font-style: italic;
line-height: 18px;
width: 520px;
min-height: 50px;
margin: 10px auto;
padding: 10px;
background-color: #E0E3E6;
border:1px solid #E0E3E6; /* Pour tous les navigateurs */
-moz-box-shadow: 0 5px 7px #2a1e1b;
-webkit-box-shadow: 0 5px 7px #2a1e1b;
box-shadow: 0 5px 7px #2a1e1b;
border-radius:10px; /* Pour Explorer 9, Firefox 4, Opera 10.5 */
-moz-border-radius:10px; /* Pour Firefox 3.5 */
}

et

.element2
{
position: relative;
width:30%;
color:#516C89;
font-size:90%;
min-height:190px;
box-shadow:  0px 12px 14px #888;
-webkit-box-shadow: 0px 12px 14px #888;
-moz-box-shadow: 0px 12px 14px #888;
border-bottom:1px solid #969696;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
background-color: #fff;
float: right;
margin: 0 0 0 10px;
padding: 5px 15px 5px 5px;
}

En principe les 02 blocs sont l'element1 a gauche et l'element2 a droite. merci