IE 3 column positioning trouble

[thecheeta]

Having an issue with a 3 column layout. Works perfectly in Firefox (of course). There are two nav columns flanking a content column. Well - they are SUPPOSED to flank it. In IE, the right column drops below the left column.

<Sorry, no personal URLs.
See Forum Charter [webmasterworld.com]>

Any guidance you might have would be most appreciated. Plan on being a regular here so that I can improve my own skills and hopefully help others out. Great forum.

[edited by: tedster at 12:37 am (utc) on July 1, 2005]

[thecheeta]

If it helps:

CSS

body {
background-color: #000000;
margin: 0;
}
.contentWrapper {
position:absolute;
left:118px;
top:10px;
width:524px;
padding: 0 10px 0 10px;
}
.contentMain {
background: url(images/borderback.gif) repeat-y;
width:504px;
}
.leftNav {
position:absolute;
top:40px;
left:30px;
width:118px;
margin:0;
padding:0;
z-index: 1;
position: fixed;
}
.rightNav {
position:absolute;
top:10px;
left:642px;
width:118px;
margin:0;
padding:0;
position: fixed;
z-index: 1; 
}
.dropCap {
float: left;
width: 42px;
font-size: 62px;
line-height: 51px;
font-weight: normal;
color:#000000;
font-family: georgia, times;
}
p.bodyText {
font-weight: normal;
color:#FFFFFF;
font-family: georgia, times;
padding: 0 1em;
text-align: justify;
}
.noIndent {
text-indent:0;
}
h1 {
margin:0;
padding: 0 1em;
}
p + p {
 text-indent: 1.5em;
 margin-top : 0
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
color: #FFFFFF;
}
a:hover {
color: #000066;
}
.dropPrice {
float: left;
width: 120px;
color:#000000;
font: normal 62px/51px georgia, times;
}

HTML

body {
background-color: #000000;
margin: 0;
}
.contentWrapper {
position:absolute;
left:118px;
top:10px;
width:524px;
padding: 0 10px 0 10px;
}
.contentMain {
background: url(images/borderback.gif) repeat-y;
width:504px;
}
.leftNav {
position:absolute;
top:40px;
left:30px;
width:118px;
margin:0;
padding:0;
z-index: 1;
position: fixed;
}
.rightNav {
position:absolute;
top:10px;
left:642px;
width:118px;
margin:0;
padding:0;
position: fixed;
z-index: 1; 
}
.dropCap {
float: left;
width: 42px;
font-size: 62px;
line-height: 51px;
font-weight: normal;
color:#000000;
font-family: georgia, times;
}
p.bodyText {
font-weight: normal;
color:#FFFFFF;
font-family: georgia, times;
padding: 0 1em;
text-align: justify;
}
.noIndent {
text-indent:0;
}
h1 {
margin:0;
padding: 0 1em;
}
p + p {
 text-indent: 1.5em;
 margin-top : 0
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
color: #FFFFFF;
}
a:hover {
color: #000066;
}
.dropPrice {
float: left;
width: 120px;
color:#000000;
font: normal 62px/51px georgia, times;
}