Problème d'affichage entre IE et Mozilla

Bonjour,

J'ai besoins d'un coup de pouce car j'ai un problème d'affichage entre ie et mozilla. Je travaille sur un site sous joomla en utilisant firefox mais quand je vais voir le résultat sous Internet explorer mon template s'affiche différemment. J'ai lu déja les discusiions concernant ce problème mais même en modifiant mon css le problème d'affichage reste le même.

Quelqu'un voudrait il bien pouvoir m'aider? Merci d'avance.

Voici mon CSS :
body {
background: #5A5A5A url(../images/haupt.jpg) repeat-x;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
text-align:center;
font-size: 1.4em;
line-height:1em;
color:#123456;
line-height: 1.5
}
div#bannière {
background: #a60004 url(../images/kopf-a.gif) no-repeat top right;
height: 150px;
width: 980px;
padding: 0;
text-align: left;
color: white
}
div#nomdusite {
width: 100px;
float: left;
text-align: left;
margin: 0;
padding: 5px 10px 0 44px
}
div#site {
background: #AFBFAC;
width: 980px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000
}
body#contenudusite div#tête {
width: 500px;
float: right;
margin-left: 0;
margin-right: 14px
}
div#nav {
background: transparent url(../images/topnavback.png) repeat-x;
display: block;
width: 980px;
margin: 0;
height: 45px;
top: -5px
}
a#active_menu {
font-weight: bold;
color: #3E3E3E;
font-style: italic;
font-size: 1em
}
a#active_menu:hover {
color: #ffffff;
text-decoration: none
}
a:hover {
color: #7bad86;
text-decoration: none
}
a:link {
color: #ff8502;
text-decoration: none
}
a:visited {
color: #7bad86;
text-decoration: none
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 1em;
padding-bottom: 2px;
width: 170px;
color: #123456;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.mainlevel:hover {
color: #ffffff;
background-color: #a5a5a5
}
a.mainlevel_active-top:hover {
color: #123456;
background-color: #fafafa
}
a.mainlevel-top#active_menu-top {
border-right: #ededed 1px solid;
padding-right: 8px; display: block;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
margin-bottom: 0px;
width: 80px; color: #123456;
line-height: 59px;
height: 59px;
background-color: #f8fcfd;
text-align: center;
text-decoration: none
}
a.mainlevel-top:link, a.mainlevel-top:visited {
border-right: #ededed 1px solid;
padding-right: 8px;
display: inline;
padding-left: 8px;
font-weight: normal;
font-size: 11px;
float: left;
margin-bottom: 0px;
width: 80px;
color: #666666;
line-height: 59px;
height: 59px;
background-color: transparent;
text-align: center;
text-decoration: none
}
a.mainlevel-top:hover {
color: #123456;
background-color: #f8fcfd
}
a.readon:link, a.readon:visited {
clear: right;
background-position: left 50%;
display: block;
font-size: 11px;
float: none;
background-image: url(../images/read.gif);
color: #fc5a01;
background-repeat: no-repeat
}
a.readon:hover, .comment:hover {
color: #ffffff;
background-color: transparent;
text-decoration: none
}
a.sublevel:link, a.sublevel:visited {
background-position: left 50%;
display: block;
font-size: 14px;
background-image: url(../images/pfeil.png);
padding-bottom: 2px;
width: 170px;
color: #fb7000;
text-indent: 20px;
line-height: 16px;
padding-top: 2px;
border-bottom: #4c514d 1px solid;
background-repeat: no-repeat;
letter-spacing: 0px;
text-align: left;
text-decoration: none
}
a.sublevel:hover {
color: #c0c0c0;
text-decoration: none
}
a.weblinks:link, a.weblinks:visited {
font-weight: normal;
color: #ff9900;
text-decoration: none
}
a.weblinks:hover {
color: #999999;
text-decoration: underline

}
fieldset {
border-right: #fafafa 0px solid;
border-top: #fafafa 0px solid;
border-left: #fafafa 1px solid;
border-bottom: #fafafa 1px solid
}
li {
line-height: 20px;
list-style-type: square;
}
td {
font-size: 14px;
color: #123456;
line-height: 17px;
letter-spacing: 0px;

}

tr {
font-size: 11px;
color: #123456;
line-height: 17px;
letter-spacing: 0px
}
p {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif
}
div {
font-size: 14px;
color: #123456;
line-height: 20px;
letter-spacing: 0px
}

ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px
}
.button {
font-size: 11px;
border-right: #4c514d 1px solid;
border-top: #4c514d 1px solid;
border-left: #4c514d 1px solid;
border-bottom: #4c514d 1px solid;
color: #000000;
background-color: #cccccc
}
.button:hover {
color: #ff8c00
}
.habillementcontenu {
padding-bottom: 5px;
text-align: left
}
.habillementcontenu h3 {
font-weight: normal;
font-size: 22px;
width: 150px;
color: #383e3a;
letter-spacing: -1px
}

.habillementcontenu li, .liengauche-format li, .moduletable-top li {
list-style-type: none;
background-image: url(../images/trait.png) ;

}
.habillementcontenu td {
font-size: 16px;
text-align: left
}
.liengauche {
float: left;
padding-bottom: 15px;
padding-left: 15px;
width: 180px;
text-align: center
}

.liendroit {
float: right;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
width: 170px;
text-align: center;
}
html>body .liendroit {
float: right;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
width: 170px;
text-align: center;
}
.mainbody {
border-left: #4c514d 1px solid;
border-right: #4c514d 1px solid;
text-align: left
}
#mainbody li {
list-style-position: inside;
line-height: 20px;
list-style-type: square
}
div#tête div#nouveaucontenu p {
color: #222;
font-size: 90%;
word-spacing: -.05em;
line-height: 1.7
}
div#tête div#nouveaucontenu .réussite premier{
width: 248px;
position: relative;
float: left
}
div#tête div#nouveaucontenu .first {
width: auto;
}
div#tête div#nouveaucontenu .réussite h2 {
font-size: 140%;
font-weight: normal;
text-transform: uppercase;
width: auto;
padding-left: 10px;
background: #ffbc7e 0px 0px repeat-y;
margin: 0;
}
img {
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px
}
input.inputbox, input.inputbox#mod_login_password {
background-color: #f1efe8;
font-size: 11px;
color: #666666;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid
}
.componentheading {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
line-height:1em;
color:#123456;

} /*format des titres des composants*/

.contentheading{
font-size:16px;
font-weight:bold;
color:#009EE0;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
}
.contentheading-contact{
font-size:16px;
font-weight:bold;
color:#009EE0;
padding-left:20px;
background:url(../images/logoaviso.png) left no-repeat;
}
.contentheading-titre{
font-size:16px;
font-weight:bold;
color:#9e0e40;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
}
.contentheading-titre1{
font-size:16px;
font-weight:bold;
color:#7bad86;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
}
.contentheading-titre2{
font-size:16px;
font-weight:bold;
color:#ff866a;
padding-left:20px;
background:url(../images/icon-1.png) left no-repeat;
}
.contentheading-monsuffixe{
font-size:15px;
font-weight:bold;
color:#9e0e40;
padding-left:20px;
background:url(../images/dessinpourpre.png) left no-repeat;
}
.contentheading-monsuffixe2{
font-size:15px;
font-weight:bold;
color:#7bad86;
padding-left:20px;
background:url(../images/dessinvert.png) left no-repeat;;
}
.contentheading-monsuffixe3{
font-size:15px;
font-weight:bold;
color:#ff866a;
padding-left:20px;
background:url(../images/dessinorg.png) left no-repeat;;

} /*Format des titres des contenus*/

.contentpane {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
font-weight:normal;
padding:5px
}
.contentpaneopen {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
border-bottom:1px dotted;
border-color:#A69D95;
margin:5px 10px 5px 5px

} /*tableau des articles actuels*/
.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:link, a.contentpagetitle:visited, .contentdescription {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 14px;
padding:5px;

} /*Titres des articles*/
table.contenttoc, table.contenttoc td, table.contenttoc th, table.contenttoc td.toclink, a.toclink:link, a.toclink:visited, a.toclink:hover {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
padding:5px;
background: #EDEDED

}/* JOOMLA! SEKTION LISTE EINSTELLUNG*/
.sectiontableheader, .sectiontableentry1, .sectiontableentry2 {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em;
padding:5px

} /*Format de la liste des sections*/
.createdate, .modifydate {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size: 1.4em

} /*Format des dates et de l'auteur*/
.small {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size:10px;color:#123456
}
.smalldark {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
font-size:10px;color:#B60000

} /*format de la page des résultats du sondage avec le nombre de votants*/
/* Umfrage *//*sondage*/
.poll {
font-weight:normal;
padding:5px;
background: #E6D9B3

} /*format du td de sondage*/
.pollstableborder {
font-weight:normal;
padding:5px;
background: #FFFBE3

} /*Qualité du tableau de sondage*/
/*Les liens du web*/
.weblinks, a.weblinks:hover{
font-weight:normal;
padding:5px;
background: #383838
}
/*les news*/
.newsfeedheading, .newsfeeddate {
font-weight:normal;
padding:5px;
background: #EDEDED

} /*format des titres des news*/
/*Recherche*/
table.searchintro {
text-align:left;
font-size: 1.4em;
line-height:1em;
color:#123456;
line-height: 1.5

} /*Format pour le box de "Search Keyword : test returned 4 matches" qui est indiqué après la recherche.*/
/* Top-Menu*/
#slantedmenu {
font-weight: bold;
font-size: 70%
}
#slantedmenu:after {
display: block;
height: 0;
clear: both;
visibility: hidden
}
#slantedmenu ul {
text-indent: 18px;
padding: 0px 0;
margin: 0;
background-color: #ffffff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
text-align: left
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
color: #494949;
padding: 0px 0;
padding-right: 35px;
margin: 0;
text-decoration: none;
background: transparent url(../images/top-trenner.gif) top right no-repeat
}
#slantedmenu ul li a:visited{
color: #494949;
}
#slantedmenu ul li a:hover
{
color: #CC3300;
} h1{font-size: 0.8em;line-height:1.5em;margin:0 0 0.5em;padding:0;color:#123456} h2{font-size:1.5em;line-height:1.5em;margin:0 0 0.5em;padding:0;color:#123456} h3{font-size:15px;line-height:1.3em;margin:0 0 0.5em;padding:15;color:#008e8e}

h4{font-size:1.3em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
h5{font-size:1.1em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
h6{font-size:1em;line-height:1.3em;margin:0 0 0.25em;padding:0;color:#123456}
p{font-size:1em;margin:0 0 1.5em;padding:0;line-height:1.4em}
blockquote{border-left:10px solid #ddd;margin-left:10px}
pre{font-family:monospace;font-size:1em}
strong,b{font-weight:700}
em,i{font-style:italic}
ul{line-height:15px;margin:0 0 1.5em;padding:0}
ul li{margin:0 0 0.25em 15px;padding:0}
ol{font-size:1em;line-height:1.4em;margin:0 0 1.5em;padding:0}
ol li{font-size:1em;margin:0 0 0.25em 30px;padding:0}
div.hr{height:1px;margin:1.5em 10px;border-bottom:1px dotted #000}

div#contenu{
position:relative;
width:701px;
padding:0;
text-align:left
}
div#tête{float:right;width:500px;display:inline; padding-top:5px;}
div#nav{position:absolute;left:0;width:100%;text-align:left
}
div#contenu {
width: 980px;
margin: 0;
}
a, a:link {
color: #003366;
}
a:visited {
color: #6aa2ff;
}
a:hover, a:active {
color: #813c55;
}
ul li a, ul li a:link {
border-color: #bbb;
}
div#nav ul li {
text-transform: uppercase;
font-size: 130%;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans", Tahoma, Sans-Serif;
background: transparent url(../images/vertical_div_red.gif) repeat-y 100% 100%;
border-right: none
}
div#pieddepage {
width: 980px;
color: #ccc;
text-transform: uppercase;
}
div#pieddepage ul {
margin-bottom: 0;
margin-left: 10px
}
div#pieddepage li {
display: inline;
float: left;
font-size: 95%;
color: #ccc;
margin: 8px 10px
}
div#pieddepage a, div#pieddepage a:link, div#pieddepage a:active, div#pieddepage a:visited {
padding: 0;
font-weight: bold;
background: none;
text-decoration: none;
border: 0;
color: #ccc
}
div#pieddepage a:hover {
color: #fff;
text-decoration: underline
}
div#encadrer {
color: #ccc;
background-color: #242424;
margin: 0;
padding: 4px 20px 4px;
clear: both
}
body#contenudusite div#site div#contenu div#tête {
background: url(../images/bgrd-a.gif) left top repeat-y;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-top: 50px;
width: 951px
}
/*Round-Content*/

div#containerround {
width:250px;
padding:0px 0;
text-align:left
}
div#contentround {
float:left;
width:100%;
padding:0px 0px;
background: #123456
}