Probléme d'affichage sous ie

Bonjour à tous,
voila je suis en train de créer un site web l'affichage sous firefox est trés bien sous ie mon site est décalé la partie de droite s'affiche sous la partie gauche voici mon fichier css

* {
margin: ;
padding:;
}


body {
margin-top: 40px;
background: #222135;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;

}

h1, h2, h3 {
color: #FFFFFF;
}
h1 {
}

h2 {

}

h3 {
}




.plus p:hover {
text-decoration: none;
color:#222135;

}



ul, ol, li {
margin: 0px;
padding: 0px;
list-style: none;
}
a {
text-decoration: underline;
color:#516083 ;
}
a:hover {
text-decoration: none;
color: #838383;
}

/*global */

#global {
width: 1024px;
margin: auto;
background-color:#2b324b;

}
/* left */

#left {
float:left;

}

/* Logo */

#logo {
margin-left:15px;
margin-top:20px;
margin-bottom:15px;
padding:2px;

}


/* sidebar */

#sidebar {
width:200px;
height: 550px;
margin-left:15px;
margin-top:100px;
margin-bottom:15px;
padding:10px;
background:#516083;

}

/* Search */

}
#search {
height: 90px;
margin: 0 auto;
padding: 0px 0px 30px 0px;

}



/* right */


#right {
float:left;

}


#icone li {
display: block;
float: left;
margin-right:2em;
padding:18px 18px 0px 0px;
text-decoration: none;
text-align: center;

}


#menu {


}
#menu ul {
margin:40px;
padding: 20px 0 0 0;
list-style: none;
line-height: normal;
margin-left: 100px;

}
#menu li {
display: inline;
text-align: center;
}
#menu a {
display: block;
float: left;
margin-right: 10px;
padding:5px 20px 5px 20px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: normal;
color: #FFF;
}
#menu a:hover, #menu .active a {
background:#07B6FE;
color: #FFFFFF;
}


#photo {
float: right;
width: 774px;
height:220px;
padding-top:;
margin-top:20px;
}



/* Bloc */



#bloc {
;

}
#bloc .post {
margin-left:0px;
margin-right:0px;
background-color:#F2F1EF;
padding:10px;
}
/* Content */

#content .post {
float: left;
margin-left:5px;
background-color:#667699;
padding:10px;
}
.post {
width:230px;

margin: 164px;


}
.post .title {
margin: 0px;
padding: 0px 0px 10px 0px;
color: #232F01;

}
.post .title a {
padding: 4px 35px 4px 15px;
background: #667699;
text-decoration: none;
font-weight: normal;
color: #FFFFFF;

}
.post .title a:hover {
text-decoration: none;
color:#222135;
font-weight: normal;
font-size: 22px;
}


.post .entry {
margin-left:5px;
margin-right:0px;
padding:0px 0px 0px 0px;
color: #FFFFFF;
float: left;
width: 230px;
height: 100px;
margin: 0;
padding: 0px 0px 0px 0px;

}
.entry {
text-align:justify;
}
.plus p{
text-align:right;
text-decoration:underline;
color:#FFF;
}


.post img {
width: 230px;
height: 150px;
}


#footer {
width: 1024px;
margin: auto;
text-align: center;


}