Hi, the web browser I'm using right now works perfectly fine with my website.

but the problem is that on IE, i notice that the login screen of my website isn't showing, i found out the problem. i have it set as position: absolute, is there a way for me to change it without screwing up my website? because i tired taking it off, and my layout went everywhere!

* { padding: 0; margin: 0; }

A:visited {color: #000000; text-decoration: none}
A:link {color: #000000; text-decoration: none}
A:active {color: #000000; text-decoration: none}
A:hover {color: #FFFFFF; text-decoration: underline}
.blink { text-decoration: blink; }

input
{
color: #000000;
background: #FFFFFF;
background-image: url('images/inputx.jpg');
background-color: #C0C0C0;
background-repeat: repeat-x;
border: 1px solid #000000;
padding: 1px;
margin: 2px;
}

.submit input
{
color: #000000;
background: #E7E7E7;
border: 1px outset #000000;
}

space
{
word-spacing: 10px;
}

#top {
border-bottom: 1px solid black;
background-color: #00B4FF;
color: #000000;
height: 23px;;
padding: 2px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #808080;
background-color: #C0C0C0;
}

#wrapper {
margin: 0 auto;
width: 922px;
}

#header {
color: #000000;
width: 887px;
float: left;
padding: 10px;
height: 100px;
border: 1px solid #000000;
margin: 10px 0px 5px 0px;
background-image: url('images/headerx.jpg');
background-color: #C0C0C0;
background-repeat: repeat-x;
text-align: center;
}

#navigation {
float: left;
width: 887px;
color: #000000;
padding: 10px;
border: 1px solid #000000;
margin: 0px 0px 5px 0px;
background-color: #00B4FF;
text-align: center;
}

#extranav {
float: left;
width: 887px;
color: #000000;
padding: 10px;
border: 1px solid #000000;
margin: 0px 0px 5px 0px;
background-image: url('images/navfade.x.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
}

#leftcolumn {
color: #000000;
border: 1px solid #000000;
background-color: #00B4FF;
margin: 36px 5px 5px 0px;
padding: 10px;
height: 100%;
width: 195px;
float: left;
text-align: center;
}

#leftcolumnmini {
color: #FFFFFF;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 253px 5px 5px 0px;
padding: 10px;
height: 2%;
width: 195px;
float: left;
position: absolute;
text-align: center;
font-weight: bold;
}

#complaint {
color: #000000;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 100%;
width: 195px;
float: left;
}

#login {
color: #000000;
margin: 18px 5px 5px 2px;
padding: 5px;
height: 71px;
width: 300px;
position: absolute;
}

#contentheader {
float: left;
color: #FFFFFF;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 5px 0px 0px;
padding: 10px;
height: 1%;
width: 72%;
display: inline;
font-weight: bold;
}

#contentx {
float: left;
color: #000000;
border: 1px solid #000000;
background-color: #00B4FF;
margin: -1px 5px 5px 0px;
padding: 10px;
height: 100%;
width: 72%;
display: inline;
}

#standingsheader {
float: left;
color: #FFFFFF;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 1%;
width: 96%;
display: inline;
}

#standings {
float: left;
color: #000000;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 100%;
width: 96%;
display: inline;
text-align: center;
}

#successful {
float: left;
color: #000000;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 100%;
width: 97.5%;
display: inline;
text-align: center;
}

#rightcolumn {
color: #000000;
border: 1px solid #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 100%;
width: 195px;
float: left;
text-align: center;
}

#bottom {
width: 887px;
height: 100%;
clear: both;
color: #000000;
background-image: url('images/minix.jpg');
background-color: #00B4FF;
background-repeat: repeat-x;
border: 1px solid #000000;
margin: 100px 0px 10px 0px;
padding: 10px;
text-align: center;
}

#footer {
width: 887px;
clear: both;
color: #000000;
border: 1px solid #000000;
background-image: url('images/bottomx.jpg');
background-color: #C0C0C0;
background-repeat: repeat-x;
margin: 0px 0px 10px 0px;
padding: 10px;
text-align: center;
}

john,

Is there a webpage before/after that we could see?

yeah sure, http://www.dangmn.net/hp

Don't see why you have it as position:absolute, you really don't need it. However, I would set #header to position:relative, then put the #login div INSIDE #header, then adjust the absolute positioning to put it where you want it.

On the other hand, you could just put the #login div inside #header and FLOAT it left, adjusting it's position with margins and/or padding.