El siguiente código soluciona tu problema. El inconveniente que no sé aún cómo solucionar ya que no se me había planteado, es que en Firefox al ancho del div cuerpo no se adapta al contenido, al contrario que sucede con FF... pero ya es muy tarde para darle vueltas a eso
Simplemente pones el div de cabecera y el de cuerpo dentro otro, al que le das un 'width:auto'
Código:
<html>
<body style="margin:0;">
<div style="height:100%;width:auto;">
<div style="height:10%;background-color:yellow;">
<span style="font-size:9px;">SUPERIOR</span>
<input type="text" value="arriba"/>
</div>
<div style="height:90%;background-color:blue;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div>
</body>
</html>