Hola!
Para el primer problema:
Debes quitarle el padding al ContentBox y ponerselo a un ContentBox2, te dejo un ejemplo(NO MUEVAS NADA PARA QUE TE FUNCIONE EXACTAMENTE COMO A MÍ).
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
<!-- PROBADO EN IE9 Y MOZILLA 4 -->
<html>
<head>
<title>onresize test</title>
<script src="jquery.js"></script>
<script type="text/javascript">
window.onresize = medidaDIV;
function medidaDIV()
{
document.getElementById("ContentBox").style.height=document.documentElement.clientHeight+"px";
}
</script>
<style type="text/css">
html,body{
background-color: #F4F4F4;
color: #333333;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
height: 100%;
}
#ContentBox {position:absolute;
width: 870px;
height: 100%;
background-color: #DBECFD;
overflow:hidden;
}
#ContentBox2 {
padding: 95px 15px 5px 15px;
}
</style>
</head>
<body onload="medidaDIV()">
<div id="ContentBox">
<div id="ContentBox2">
<h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1><h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1>
<h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1><h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1>
</div>
</div>
</body>
</html>
Si ya de plano no te funciona, seguramente tus navegadores estan antiguos te recomendaria que los actualizes, saludos!