I am currently stumbling along with the graphics design thing, trying to make a design to actually put some sort of blog/site up. I have most everything working (here is the page, that doesn't work with IE), but I cannot get the navigation bar to work.

I want to style a simple unordered list with CSS to look like this image. So far I have failed... can anyone help?

Thanks

(Yes, I am aware that the background image takes insanely long to load... and ATM I am too lazy/busy to fix it. I will eventually use a JavaScript preloader and compress it or something...)

here's a good tutorial from ALA

http://alistapart.com/articles/slidingdoors/

it should work with PNGs but you'd have to use one of the PNG transparency fixes for IE/6 (or have it degrade to GIFs there).

for some stuff i've been working on lately i've been using Youngpup's sleight.js (to fix IMG tags) and Drew McLellan's bgsleight.js (to fix PNG background images).

The IE7 library has a fix for PNG transparency as well, but whenever I try to use it I keep getting weird JS errors in IE.

Hmm, I know I had to change a snippet of it for where I was trying to use it. But it was still a little iffy in a few instances. The stuff in the IE7 library seemed like a better way to go, but like i said i kept getting odd JS errors (object expected, etc.).