Divs out of place in IE7

floating problems?

[plirio]

I have a problem with 3 divs in this project, menu, banner and footer are out of place in IE but in firefox, safari and google chrome they appear in a right place.

I m new in joomla and i made the template from the scratch, i need help to figured out this issues, i try search the forum and check similar problems but i d'ont find a solution.

This is the css for the divs that are out of place in internet explorer:

/*Menu*/

#menunav {
position: absolute;
margin-left: 20px;
width: 700px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}

/*Breadcrumbs*/

#breadcrumbs div.moduletable {
margin-left:12px;
text-align:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8b8b;
}

#breadcrumbs {
margin-top:34px;
margin-left:20px;
width:940px;
background-color:#333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;

}

/* banner*/

#banner{
text-align: center;
margin-left:20px;
width:940px;
clear:both;
}

/*Footer*/

#footer{
clear: both;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
margin-bottom: 3em;
height:35px;
width:940px;
margin-left: 20px;
background-color:#333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Thanks in advance.

[edited by: alt131 at 2:26 pm (utc) on Sep 13, 2011]
[edit reason] Thread Tidy [/edit]

[alt131]

Hi plirio, and welcome to WebmasterWorld :)

Well done for making a template yourself - but I'm not sure this is a float issue because none of the divs are floating. However, note that div#menunav is absolutely positioned. Recalling elements with position:absolute are removed from the flow - could that be causing the problem?

Otherwise, can you explain what you mean by "out of place".