Estoy creando un sitio que se ve bien en todos los navegadores y resoluciones desde 1024 hasta 1600, pero en 800x600 da dos problemas, asi:

La primera figura muestra como se ve con pantalla lo suficientemente amplia para mostrar todo el texto contenido en la barra superior, el codigo es este:
Código:
HTML:
<div id="marquesina"><h1 class="arriba">TEXTO<strong>TEXTO</strong> TEXTO</h1></div>
CSS:
#marquesina{background-image:url(../objetos/marquesina.jpg);height:26px; position:fixed; text-align:center; z-index:2; margin:0px auto;width:100%}
h1.arriba{padding-top:7px; color: #bfc6d6;font-family: Verdana, Geneva, sans-serif; font-weight:bold;font-size:9px;}
el problema es q el texto sobrepasa en ancho a la web y en 800*600 como el ancho de el div marquesina es 100% relativo a la pantalla, pues el texto cae a dos renglones.. he intentado cosas pero no lo he logrado, se puede hacer algo para que incluso en esa resolucion la barra superior se expanda hasta mostrar todo el texto?
el segundo problema es que muestra cortado el footer no tengo idea que es y estuve mirando muchas webs y en todas se ve mal, talvez sea... algo en mi pc?, en todos los browser, muestra: