http://www.fauxtimedesign.com


I have been making updates to this website recently. I understand it was made with tables and tables are a thing of the past, but I don't think the owner is going to be too fond of a re-design just to use div's instead. With that said, I'm trying to figure out why in IE there is a space between the Photo Gallery button and the Testimonials button. It looks fine on Firefox, Chrome and other browsers but for some reason this space is showing up in IE. I used the SuperFish dropdown menu for the Photo Gallery drop down menu. What isn't right here? Why is this space showing up in IE? Any thoughts would be greatly appreciated. Thanks

You could completely re-do that site w/o tables and not change the design a single bit

IE is buggy with positioning and z-indexing - you can read about how to combat it at positioniseverything.net

I used the Internet Explorer Developer Toolbar in IE 6 to determine that the spacing issue started on the <li class="subType subType##" surrounding each part (inside <ul class="partType partType##">). When I used the Developer Toolbar to change the style to be display: inline the extra vertical spacing went away in IE 6.