IE 7 - Display Overlapping [#898728]

I have the Exhibits module rendering my staff directory just fine in Firefox and Chrome using the Thumbnail view class.
e.g. (15 profiles):
X X X X X
X X X X X
X X X X X

However, in IE 7, it display all staffs photo and text over each other, overlapping into a single profile block... any suggestions?
e.g. (all 15 profiles overlaps into a single div):
X

See pic.

Many thanks!

Comment	File	Size	Author
	overlap.jpg	5.89 KB	BDS

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

diodata CreditAttribution: diodata commented 31 August 2010 at 19:45

CSS might help here. Exhibit has a specific div class for IE. See if adding something like this works.

div.exhibit-thumbnailView-itemContainer-IE {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0FFF0 none repeat scroll 0 0;
border:1px solid #BCB79E;
float:left;
height:220px;
margin:0.3em;
padding:0.9em;
text-align:center;
width:175px;
 }