To be honest, the site looks like it was made for IE specifically. It doesn't work on Safari either — it looks precisely like on the Firefox screenshot.

The code was a bit of a pain to look at, as you're not supposed to have all those extra line breaks and #navi{...} placeholders in there. Try removing everything that doesn't serve a purpose.

What I'd suggest is this: take a working template, like this one here, and work with that. There's something fundamentally wrong with your current version, as it crashed several of my inspection tools and javascript debuggers as well. But that might just be FF3 acting up.

The layout is very much plain vanilla, so you shouldn't have to go through all this trouble to make it work.

— Almost forgot to say it's always nice to see Rosewood in action.

Another helpful hint, especially when you are starting out. Turn the borders on within your divisions (ex - border: 1px solid orange), and assign them each a different color. This will help you to understand what is working, and what is not.

In addition, I first develop my pages in Firfox (PC), and the majority of the time they work fine within Safari and Firefox on the Mac. I usually have some sort of small problem with IE., but at least when I design them using Firefox, my designs within the mac are already working (most of the time).

Julie