Album and Menu in IE6 / IE7

[jan_hut]

I'm using an adapted version of the Horizontal dropdown template with album which is working perfectly in FireFox. In IE6 as well as IE7 however there are gaps between the thumbnails. I've tried adding

Code: Select all

#main {
float: left;
}

to the stylesheet to no avail. Also the menu is misbehaving, again only in IE. Take a look at it here: http://www.yvart.nl/ Does anyone have a solution for this? Can't seem to find anything on the board here.
Thanks in advance!

[Dr.CSS]

I only see one thumbnail on the page...

[jan_hut]

sorry for not making that clear Mark. The thumb on the right hand Global Content Block is a random image from the album module. Just to illustrate the weird behaviour of the menu. You can find an album page here: http://www.yvart.nl/index.php?page=multiple-rectangular

[jan_hut]

Added the following code to modules/album/css/stylesheet.css

Code: Select all

li.thumb { height: 101px; }

Which solved the gap problem. Now I only need to know how to make the menu behave in IE

[Dr.CSS]

Part of the problem with IE is that you have class clearfix on the h3 and in your CSS you have clearfix set to width:100% and to clear:both...

Multiple Rectangular Sequence