100% height works in IE but not in FF

[Spawny]

Hi All,i'm struggling with a difference in firefox and IE. I have two sidebars either side a main text box. I want the sidebars to be fixed and 100% of the screen, but the main text box to scroll to fit. It works fine in IE but Firefox stops at different stages. Neither is in a containing DIV and i can't work it out....you can see it herehttp://www.euinvest.ie/scsi/clients.htm

body{background: gainsboro;}ul{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}li{margin:0 0 8px 25px;}a{color:#d85d5d; font-weight:bold; text-decoration:none;}a:hover{color:#505050; text-decoration:underline;}img{margin:0px 15px 0 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}a img{border-color:#d85d5d;}a img:hover{background:#d85d5d; border-color:#d85d5d;}/**************** Sidebar area styles ****************/.sidebar{position: static; top:0; left:0; width:190px; height:100%; background:darkkhaki; text-align:right;margin:0 0 18px 0; color:#606060; font-size:0.8em; overflow:auto;}#rightsidebar{position: static; top: 0px; left: 590px; width: 200px; padding: 5px; border: 2px solid #c0c0c0;overflow: auto; color: #606060; background: darkkhaki; text-align: left; font: 76% Verdana, Tahoma, sans-serif;line-height: 8pt; font-size: 1.1em; font-weight: normal;}label,input {	display: block;	width: 100px;	float: left;	margin-bottom: 5px;	margin-left: 30px;	margin-top: 10px;	line-height:8pt;}label {	text-align: left;	margin-left: 10px;	width: 75px;}br {	clear: left;}/**************** Navigation menu styles ****************/#menu a{display:block; width:172px; padding:5px 18px 5px 0; color:#606060; background:darkkhaki; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}#menu a:hover {color:#303030; background:olivedrab;}#menu a.active{padding:5px 18px 5px 0; background:white; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}#menu a.active:hover{color:#505050; background:white;}/**************** Content area styles ****************/.right{float: right;padding: 10px;}.left{float: left;} hr {  border: 1px;  width: 80%;   color: silver;	background-color: silver;	height: 1px;}.maintextbox {position: absolute;overflow: auto;float:left;background:#fafafa;top: 0px; left:190px; height: 800px; width: 320px;font-size: 10pt; color: black;line-height: 16pt;padding: 40px;text-align: left; font-family: Verdana,Tahoma,sans-serif;}

[Spawny]

Well i'll not bother posting here again, luckily i managed to see the problem, the CSS file referenced was the wrong one, but out of the two posts i've put up so far i've had the grand total of.....wait for it.......0 replies.

[MISIIM]

Try using some JavaScript to set the height. (and also on the resize event.)