How to get rid of 1px line on bottom and right (only in IE6 - FF&O ok) - CSS forum at WebmasterWorld

Please help I don't understand how to get rid of 1px of red line as it shows on the bottom and on the right in IE only all other browsers work perfect, someone please help.

Here is the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css" media="screen">

html, body {
margin: 0;
padding: 0;
color: #ffffff;
height: 100%;
width: 100%;
text-align: center;
}

#container {
position: relative;
width: 100%;
min-height: 100%;
margin: auto;
text-align: center;
background: #ff0000;
}

* html #container {
height: 100%;
width: 100%;
}

#header {
position: absolute;
top: 0px;
height: 100px;
width: 100%;
background: #00ff00;
left: 50%;
margin: 0 0 0 -50%;
}

#contents {
position: absolute;
background: #ffff00;
color: #000;
height: 300px;
width: 100%;
top: 100px;
left: 50%;
margin: 0 0 0 -50%;
}

#footer {
position: absolute;
bottom: 0px;
height: 100px;
width: 100%;
background: #0000ff;
left: 50%;
margin: 0 0 0 -50%;
}

#inner_header {
top: 0px;
height: 100px;
width: 1000px;
background: #000000;
margin: auto;
}

#inner_contents {
top: 0px;
height: 300px;
width: 1000px;
background: #adadad;
margin: auto;
}

#inner_footer {
top: 0px;
height: 100px;
width: 1000px;
background: #000000;
margin: auto;
}

</style>

</head>

<body>

<div id="header"><div id="inner_header">Header</div>
</div>

<div id="contents"><div id="inner_contents">Contents</div></div>

<div id="footer"><div id="inner_footer">Footer</div></div>
</div>

</body>
</html>

Thank you!
Anton

How to get rid of 1px line on bottom and right (only in IE6 - FF&O ok)

Anton

Marshall

Anton

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week