footerstickalt with graphic layout (absolute-positioned divs)

[waterox]

I will freely admit I dont really know CSS.

Please have a look at this page I am working on. There are a number of issues I have been unable to resolve on my own.

http://www.yanwhite.com/staging/medi...es_footer.html

The main problem here is that I cannot get the footer to stick to the bottom of the page. I am using footerstickalt, but must be missing something fundamental, because as soon as I add my absolute-div content/layout, it doesnt work. I have included the CSS in the html page.

Also, in IE7 the last line of left menu text has a larger gap.
The bullet point text in IE is positioned differently, although I am using an absolute positioned div to contain it.
Do lists and paragraphs have different spacing in firefox and IE? In which case how should designers make sure that everything will look the same cross-browser?

My main gripe about CSS so far is the lack of practical guides on how to implement it for designers.
At least with tables we had a GUI that worked with Dreamweaver!

For fluid text layouts that are not graphic based there are tons of examples.
But for graphic-based layouts its proving a nightmare. All of the resources I google seem to explain text-based layouts very well, columns, floats etc etc.
But anything I output from Imageready needs serious hacking.

Should I just go back to tables for this type of layout? Or is there a simple set of rules for creating these kind of pages with css and workable footers?

[craig]

Your layout is a mess in IE6

[waterox]

http://www.yanwhite.com/staging/mediatypes/

and

http://www.yanwhite.com/staging/mediatypes/styles.css

I think its working fine and much cleaner code now!

Any comments?