Creating a proper image header with CSS

A common element in websites is an image header.…By that, I mean the use of a large image or logo image at the top of every page,…like you see right here, this large image header.…This ensures a visual identity and can be impactful.…However, the logical way of doing it, simply adding an image to the top of the…page, it's not really the correct way of doing it.…If you add an image, you're not providing a header with text content, just…a link to an image.…There's a better way of doing this.…With some clever CSS, you can get a header that has the correct text elements…and still displays as if it was an image inside browsers, and you can make that…header image link back to the home page just as if it was an image.…

That sounds confusing until you see how it's done.…So let's first take a look at what we have right now and why this isn't the…right way of doing it.…So what I have here at the top is this big image, and if you click on it you go…back to the home page, so it seems like it works the way it's supposed to. Yes?…