barra superior mas ancha que el resto de la web

[rex16]

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:

[C2am]

Para que no supere en ancho mete la barra superior en el contenedor que contiene el resto de la web.

Muestra el código que estas usando o un enlace para darte mejores soluciones.

Saludos

[rex16]

lo que quiero es lo contrario amigo, dejar la barra afuera para que si sea mas ancha, pero en la resolucion 800*600 se ajusta y el texto se muestra en dos renglones...