CSS AP DIV alignement for screen...

How will i make an AP DIV that contains text to remain in a place that i left it? Coz when my friends access the page they are getting all overlapped!

like this is what they get

http://img39.imageshack.us/img39/7050/axeleron.png

but when accessed from my PC its perfect

http://img233.imageshack.us/img233/2416/58232416.jpg

whats the problem?

this is the CSS code:

-------------------------------------

body {
background-color:#333333;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#FFFFFF;
}

#page {
width:900px;
background-image:url(images/page.png);
margin:auto;
padding:auto;
}

#header {
clear:both;
width:900px;
height:94px;
background-image:url(images/header.png);
text-align:center;
padding-top:30px;
}

#sidebarnav {
margin-top:10px;
padding-bottom:10px;
}
?
#sidebarnav a {
?width:200px;
?display:block;
?clear:both;
?padding-right:15px;
?padding-top:6px;
?height:25px;
?color:#FFFFFF;
?text-decoration:none;
?font-size:14px;
?font-weight:bold;
?border-left:3px solid #474747;
?border-top:3px solid #474747;
?border-bottom:3px solid #474747;
?margin-top:3px;
?text-align:right;
?}
?
?
#sidebarnav a:hover, #sidebarnav a.active {
?background-color:#333333;
?border-left:3px solid #5a5a5a;
?border-top:3px solid #5a5a5a;
?border-bottom:3px solid #5a5a5a;
?text-decoration:none;
?color:#FFFFFF;
}

.widget {
?padding-left:15px;
?padding-right:15px;
?padding-bottom:15px;
}

#mainarea {
width:860px;
clear:both;
padding-left:30px;
}

#contentarea {
width:540px;
padding-left:20px;
padding-bottom:20px;
float:left;
line-height:14pt;
padding-top:5px;
}

#sidebar {
float:left;
width:270px;
line-height:14pt;
color:#FFFFFF;
}

#footer {
width:900px;
clear:both;
height:46px;
padding-top:32px;
text-align:center;
line-height:14pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
}

#footer a {
color:#FFFFFF;
}

h1, h1 a {
font-size:23pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:6px;
}

#sidebar h2 {
font-size:15pt;
padding-left:10px;
color:#FFFFFF;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFFF;
padding-left:5px;
}

a {
color:#FFFFFF;
text-decoration:none;
}

#sidebar a {
color:#FFFFFF;
}

a:hover {
text-decoration:underline;
}

-------------------------------------------------------

Please reply ASAP!

CSS AP DIV alignement for screen...

Please do a search on this forum regarding IE compatibility issues with CSS styling. There must be as many threads on that as there are meteorites swarming in the Kuyper Belt. The commonly accepted ''cure'' is to contain offending elements in yet another DIV and float and clear that parent DIV, rather then the content inside, which should retain its relative placement...

Mylenium

CSS AP DIV alignement for screen...

Mylenium wrote:

Please do a search on this forum regarding IE compatibility issues with CSS styling.

Thanks guys! it worked after i made a search on google and got the concept of ''wrapper'' done it and now its perfect! thanks!