Bonus Question from Lesson 3: How could you use CSS to guarantee that a company's logo always appears at the bottom right of the browser window, no matter where on a page a user scrolls, and no matter what the size of the browser window is?

Answer: By applying a background image to the <BODY> tag, and making sure that graphic displays at the bottom right of the page, remains fixed, and doesn't tile at all.

Here's the CSS rule for the background image you see in this window:

BODY { background: url(TSDesignlogo.gif) white no-repeat bottom right fixed }

Try scrolling or resizing the browser window, and you'll see that the logo remains in the lower-right corner.

Unless, that is, you're using Netscape Communicator. Remember that Communicator doesn't support background positioning or fixing a background so that it doesn't move when you scroll. Let's all pray together for version 5.0....

If your browser doesn't support this CSS property, click here to see what it looks like.