tricky layout works in Firefox, Safari - not IE

[lisan28]

Hello everybody! I have shocking news, a design that is working in Firefox, Safari, and Chrome is showing up wierd in Internet Explorer!

First of all I validated my HTML and CSS, no issues there. The page works perfectly fine in Firefox and Safari, but has some quirks in IE. If you look at the following link in IE:

http://www.lisa-noble.com/test/redo.html

You will notice that the background image is not tiling all the way along the bottom of the screen. Also the content is a bit displaced upwards. Here is what I was trying to accomplish:

-have a fluid layout that would expand and contract to fit different resolutions or if somebody resizes their browser window
-have that frame always present around the edge of the screen and fixed in place
-content will scroll within the frame, rather than the frame expanding vertically to accommodate content.

The css for the above file can be found here:
http://www.lisa-noble.com/test/redo.css

I also tried this but it came out even worse, heh:
http://www.lisa-noble.com/test/redo3.html

Eternal gratitude to anyone with suggestions.

[rcheli.dk]

How did you validate your code, i see some error if i validate your site on w3c.org did you use that ?

Maybe that can be the issue ?

[rcheli.dk]

.jqueryslidemenu ul li ul li {
display:list-item;
float:none;
z-index:20;
}

adding the z-index solved the problem !!!