Well, I can't seem to figure out where this space is coming from. Here is the url:
http://kellyhide.offlead.com/dogs/AllegriaofFirstAvenue.html I have a div containing an image, floated right. Next I have a div containing navigation, also floated right. I nested the div.nav inside of div.sectionnav so that I could apply padding around it instead of margin, so that it wouldn't have too much extra space on the side in IE. That's all good. But in IE I am getting what looks to be about 50px of space between the two floated divs. The css has 10px padding on the bottom of div.pic and 20px on the top of div.sectionnav. There is 0 padding or margin on div.nav. I removed all whitespace between the elements, but that didn't help. Here's the css for these divs: div.pic { margin: 0; padding: 20px 10px 10px 10px; } #content div.sectionnav { width: 180px; clear: both; float: right; padding: 20px 10px 10px 10px; margin: 0; } #content div.sectionnav div.nav { width: 180px; background-color: #aaa091; margin: 0; padding: 0; } Full CSS here: http://kellyhide.offlead.com/includes/style_main.css Thanks! Jeniffer Jeniffer C. Johnson OffLead Productions http://www.offlead.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
