How do I create this flexible-width banner?

I currently use this banner (which is just an image) at my website: http://www.celebritytypes.com/philosophers/

My problem with it is the width. Because the banner is a fixed width, it does not take up the full width on wide screens. I'd like to recreate the banner with flexible width so that the banner always takes up the available horizontal space.

What I'd like to do is to:

How do i add a header to my website?

hey!
im trying to edit a website template and add a header to it but i have no idea how Sad
I wanna put a picture instead of the text
Screen shot 2012-03-17 at 6.36.58 PM.png
please help!

thanks!! <3

-Jenna

Center image in header div - cut off edges on small res

Cool Hello everyone, I've been browsing this forum for quite some time and have yet to have to ask a question, but here goes:

css

@charset "utf-8";
/* CSS Document */
 
* {
    margin: 0;
    padding: 0;
}
 
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}
 
#bg {
    position: fixed;
	z-index: 1;
}
 
#bg div {
    height:200%;
    left:-55%;
    position:absolute;
    top:-100%;
    width:200%;
}
 
#bg td {
    text-align:center;
    vertical-align:bottom;
}
 
#bg img {
    margin:0 auto;
    max-height:100%;

Syndicate content