With the recent explosion of mobile devices on the web, and the way people consume content on websites, it's become increasingly more important to have pages written in valid xhtml, with a clear separation of content and design (css). The trick for designers is to create a page that displays well both on the screen, in different browsers, on mobile devices, and in print as well. Additionally, so long as the structure is written well without unnecessary div wrappers or *gasp* tables, a well coded page will display just fine on a text only browser.

So, taking all of this into consideration, I made an attempt to create a simple web design using only css, no images, that is spaced for the most part using only em, instead of px dimensions. The neat thing, is you can zoom the text in your browser and watch the borders and width grow/shrink. It's a work in progress, but I'd love feedback/suggestions/links to similar techniques. Feel free to steal/borrow the code for your own use, although a link back would be greatly appreciated!

Check it out.