position problem in ie6

it can not normal display in ie6.........

[tkcnet]

hi!
this is my first time to call help in this great place.my webpage use CSS "position:absolute" element to show sidebar in left side.
in IE7,the effect is ok,but IE6 is not.How to resolve this problem?

CSS Code:
=================================================
div#content {
position:relative;
margin:0;
padding:0;
width:775px;

}

.spacer {
clear:both;
}

div#mainContent {
float:right;
margin-left:250px;
padding-right:15px;
padding-bottom:2em;
font-size:medium;
color:#666666;
}

div#mainNav {
position:absolute;
top:20px;left:10px;
width:220px;
margin:0;
padding:0;
}

/* end */

[edited by: jatar_k at 4:12 am (utc) on Sep. 26, 2007]

[Marshall]

Hey tkcnet and welcome to WebmasterWorld.

Can you post the relevant HTML and doctype to help with this problem?

Marshall

[tkcnet]

CSS Code:
=================================================
#wrapper {
margin:0 auto;
padding:0;
width:775px;
color:#333333;
background:#FFFFFF;
}

div#content {
position:relative;
margin:0;
padding:0;
width:775px;

}

.spacer {
clear:both;
}

div#mainContent {
float:right;
margin-left:250px;
padding-right:15px;
padding-bottom:2em;
font-size:medium;
color:#666666;
}

div#mainNav {
position:absolute;
top:20px;left:10px;
width:220px;
margin:0;
padding:0;
}

xhtml some code:
=================================
<div id="wrapper">
.....
<div id="header">
......
</div>
<div id="content">
.......
<div id="mainContent">
.......
</div>
<div id="mainNav">
.......
</div>
</div>
</div>

[tkcnet]

I have resolved this problem!HA HA....