Simple Tabbed Navigation with CSS

I had to create some tabbed navigation for a project at work recently. Not anything new really, lots of people implement it in lots of different ways. A colleague recommended a method demonstrated on SimpleBits for creating simplified css tabs however it uses background images to get the tab effect and I don’t like that.

I’d much prefer to use a pure CSS method that doesn’t involve editing an image if I want to make changes. So here I have it, a simple CSS only method of doing tabbed navigation. I’ve tested it in IE6, IE7, FF2, Opera 9 and Safari 3.1, all fine.
Continue reading