[WSG] IE/Win Layout Gaps

[Aaron Feaver]

My site ( http://www.feaverish.com ) looks as it should in Safari, 
Mozilla/Firefox, and IE 5/Mac. However, IE/Win produces strange gaps in 
the layout. My entire CSS is at ( 
http://www.feaverish.com/wp-layout_book.css ), but it is basically 3 
divs inside a larger containing div. The three internal divs all have 
background images, making the page look like a book (with a fixed 
height/width top image, a fixed-width/variable-height middle image - 
for the main site content, and a fixed height/width bottom image). The 
containing div is absolutely positioned at the very right edge of the 
viewport.

In IE/Win all three divs (or at least their background images) are 
shifted a few pixels to the left, ruining the look (you have to see the 
site to get it). Worse still, the bottom div,  and its image, are 
spaced 50-75 pixels below the div above them, with a glaring whitespace 
gap in between! This totally ruins the continuity of the "book," as the 
bottom div's image forms the bottom edge of the book.

This is my first website, and the CSS is very amateurish, but it is 
XHTML 1.0 Strict and the CSS does validate. I've posted this problem in 
several design and coding forums but haven't received any help so far. 
Anything would be greatly appreciated.

******************************************************
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************