But I blame Netscape completely. =)

Okay, so here's the page I'm working on :
http://www.darwinscomplex.com/next_gen/

In Internet Explorer, it is working exactly as I want it to. In Netscape, not only does it look different in many ways, but there is a problem I can't just live with. The scroll box on the right hand side, where my news is, just kind of breaks in Netscape 6.2.

I have the div that holds my news within another div, which I have controlled via javascript. So

Code:
<div class="base" id="base"> 
<div class="news1">Content</div>
</div>
where the code affecting the div "base" in the .js page is

Code:
var base=document.all? document.all.base : document.getElementById? document.getElementById("base") : document.base
function positionit(){
 
var dsocleft=document.all? document.body.scrollLeft : pageXOffset
var dsoctop=document.all? document.body.scrollTop : pageYOffset
var window_width=document.all? document.body.clientWidth : window.innerWidth
var window_height=document.all? document.body.clientHeight : window.innerHeight
 
//if the user is using IE 4+ or NS6+
if (document.all||document.getElementById){
base.style.left=(dsocleft+435);
base.style.top=(dsoctop+58);
base.style.width=(window_width-435);
base.style.height=(window_height-58);
}
}
setInterval("positionit()",200)
and the style sheet info for the two divs is:

Code:
	.NEWS1 {
	width : 100%;
	height : 100%;
	margin-right : 20px;
	padding:10px 10px 10px 10px;
	color : White;
	font-family : Arial, sans-serif;
	font-size : x-small;
	text-align : left;
	z-index : 4;
	background-color : #23346F;
	border : medium solid #86C3E3;
	overflow : scroll;
	}
	
	.BASE { 
 	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:scroll;
	background-color:black;
	z-index : 1;
	overflow : hidden;
	padding-bottom : 22px;
	}
Can anyone give me a suggestion as to why Netscape is behaving as it is? I have a good 15-20% of my readers who use one form of Netscape or another, and I'd really like to help them out. Thanks.

- Iain Hamp