Problème avec les blocs css sur joomla et ie

Bonjour,

je travaille actuellement sur mon site internet http://www.carrosseriedu6eme.fr , pas de souci avec ff et chrome. par contre sous ie6et 7 voire après un gros problème d'affichage.
j'ai cherché un peu partout mais pas de solution pour l'instant.
ci dessous la structure des blocs et le css associé

Par ailleurs, une fois ce problème règlé je souhaiterais pouvoir afficher les articles dans le bloc content sous forme de vignette avec image + titre + description + voir la suite...
dois-je recréer des blocs ???
Merci pour vos réponses

structure des blocs en question:

<container-outer><content-wrap><header-outer><header>
<content>
<sidebar><sidebar-box>
css associé:

#header_outer{
position:absolute;
display: inline; /* IE6 double margin float bug hack */
width:610px;
margin-top:10px;
margin-left:45px;
background:#000000;
}
#header{
width:610px;
height: auto;
background:#000000;
}
#content-wrap{
float: left;
width: 960px;
background:url(../images/content_bg.gif) repeat-y ;
}

#content{
position:absolute;
display: inline; /* IE6 double margin float bug hack */
width:610px;
margin-top:220px;
margin-left:45px;
}

/* Sidebar*/
#sidebar{
position:relative;
/*display: inline; /*IE6 double margin float bug hack */
width:250px;
margin-left:670px;
margin-top:0px;
text-align:left;

}

#sidebar .sidebar-box{
}