IE7 can't display left toolbar on website

[lixiao]

Could someone please help explain why the left toolbar in my subpages such as this one (www.lixiao-art.com/bliss.html) can be displayed in older Windows versions of IE browser BUT NOT when using newer versions (e.g. Windows 7) of IE browser?

Also, the spacing between the thumbnails is wrong in IE7 compared to using an older version of IE browser.

The left toolbar is identified as "nav" in the external css style sheet:

----------------------------------------------------------------------
body { font-family: Verdana;
color: white;
margin: 0px;
background-color: black; }
#header { font-family: courier new;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
border: none;
background-color: white;
margin-bottom: 0px; }
#content {float: right;
padding: 30px 20px 20px 100px;
width: 650px;
position: absolute;
margin: 0px;
border: none;
font: white;
font-family: Arial;
background-color: black; }
h2 {height: 2em;}
#nav {float: left;
text-align: right;
font-size: small;
width: 200px;
margin-top: 30px;
font-weight: bold;
padding: 10px;
border: none;
}
#footer { font-family: arial;
padding-bottom: 5px;
width: 100%
border: none;
background-color: black;
color: white;
margin-bottom: 0px; }
a{text-decoration: none;
color: white;}
a:hover {color: red;}



* {margin: 0;}
html, body {height: 100%;}

.wrapper {min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1.5em;}

.footer, .push { height: 1.5em; }

.ImgBorder:hover { border: 1px solid red; }

img { border: none; }
---------------------------------------

Thank you so much!!!!

[tracknut]

Your #content div is sitting on top of your #nav div. If you removed the black background from the #content div, you'd see the #nav behind it. As to why this works in IE7 but not newer IE (or Firefox by the way), I'm not sure. It may be because of your entire content being wrapped inside a <h4> tag, that's kind of unusual. I'd fix that and look at your other http://validator.w3.org/check?verbos...m%2Fbliss.html, it could be that fixing them will resolve the issue.

Dave

[lixiao]

Thank you, Dave.

Since I have just started learning to write css (I'm learning only by trial and error), I am not sure how i can fix the errors you suggested, i.e.:

- the #content div is sitting on top of the #nav div.
- the entire content being wrapped inside a h4 tag.

Is it possible you can re-write my css codes and post them here? - only the parts that need corrections would be enough.

Thank you!

[lixiao]

Thank you, Dave.

Since I have just started learning to write css (I'm learning only by trial and error), I am not sure how i can fix the errors you suggested, i.e.:

- the #content div is sitting on top of the #nav div.
- the entire content being wrapped inside a h4 tag.

Is it possible you can re-write my css codes and post them here? - only the parts that need corrections would be enough.

Thank you!