Con Firefox 1.5 it funziona come ci si aspetta, ma in IE6 non sono proprio riuscito a modificare via codice la larghezza di un div, senza perdere l'altezza.
Con la paginetta di prova qui sotto, imposto la larghezza correttamente, ma l'altezza si riduce a 2 px.
Spero proprio in un aiuto

codice:
<!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>
	<title>Untitled Page</title>

	<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() 
{
	document.getElementById("div2").style.width = "80%";
	document.getElementById("div2").style.height = "100%";
}

// ]]>
	</script>

</head>
<body>
	<div id="div1" style="position: relative; width: 300px; height: 100px; border: 1px red solid;">
		<div id="div2" style="position: absolute; left: 0px; top: 0px; width: 10%; height: 100%; font-size: 0pt; background-color: Olive;">
		</div>
	</div>
	

	<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</body>
</html>