FireFox Oddness with Divs

[Ryltar]

Hi,

I am newer to divs (have some experience) and am changing a site from tables to divs and I am having a funny problem. This looks (more or less) fine in IE. There are still a few glitchs in appearance. But in FF is looks really queer. Definately the footer (div id 'footer') is causing the problem in appearance...

Could someone look at the code and help me figure this out... it is really bugging me... Annoying Site (http://www.ravenengineering.net/newlayout/temp.html)

Thanks for any help on that...

Also is there something that I have to do with divs so that they don't climb on top of eachother? The tops and bottoms seem to be overlaping...

[hemebond]

I don't think you're "getting" the move from layout tables to semantic markup. You have no semantic markup. Your lists aren't marked up as lists. Your paragraphs aren't marked up as paragraphs. Try getting the the HTML to an organised, meaningful state, then apply CSS (yes, these are seperate processes) to organise and style the information.

[Ryltar]

Ok... I am new to this shesh...

[hemebond]

Ok... I am new to this shesh...Hey, that's okay. I'm just here to help. It's great that you're dropping layout tables, but it's also important you understand how to use the technologies correctly. And that's what we're all here for.

[Ryltar]

That is what I am gonna do... I am completely rewriting the page/site this weekend to xhtml/semantic markup

[hemebond]

I am completely rewriting the page/site this weekend to xhtmlI would stick to HTML Strict coded like XHTML. That is, all lowercase tags and attributes, encode all entities, no attribute minimisation, etc, and validate often.