Рамка вокруг видимой области браузера

Рамка вокруг видимой части окна браузера выводится следующими строками HTML и CSS кода:

CSS-код:

#top, #bottom, #left, #right {
	background: #ff0000;
	position: fixed;
}
#left, #right {
	top: 0;
	bottom: 0;
	width: 15px;
}
#left { 
	left: 0; 
}
#right { 
	right: 0; 
}
#top, #bottom {
	left: 0; 
	right: 0;
	height: 15px;
}
#top { 
	top: 0; 
}
#bottom { 
	bottom: 0; 
}

HTML-код:

<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>

К сожалению Internet Explorer 6 данный код понимает не верно, вызывая искажения, по этому для него подключаем файл ie6.css следующей строкой:

Код:

<!--[if lte IE 6]>
<link href="/ie6.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->

В файл ie6.css добавляем следующую строку:

CSS-код:

#top, #bottom, #left, #right {display: none;}

Пример рамочки.