Vaya, pues ahí ya puede opinar alguien más experto que yo, te digo lo que se me ocurre, pero igual no es la mejor solución, para lo primero a mi se me ocurre por ejemplo, poner el boton-imagen como fondo de un div que tenga el mismo tamaño que la imagen con
text-align: center (o de un p, aunque no se si el <p> tiene background-image), luego dentro del div pones el texto como <p> o <span>. Es la única forma que conozco de superponer 2 elementos (imagen y texto sin usar posicionamiento absoluto)
Código:
<div style="text-align:center;background-image:url("boton.gif");width:100px;heigth:50px">
<span style="margin:"0 auto">texto del boton</span>
</div>
Para lo segundo, pues lo que te dije, en un div en la cabecera, usas la propiedad
background-image:url("imagen") y
background-repeat:repeat-x. La imagen, tendrá que estar preparada para cortarse (si la ventana es estrecha) o para repertirse horizontalmente (si la ventana es ancha) sin que se note demasiado el corte...