Min-width in IE7...PLEASE HELP

HTML & CSS
1

Hello all!

I’ve tried EVERYTHING and cannot squash this IE7 bug I’m getting with min-width.

Please see the page - www.siphon-marketing.com/clients/touch

I simply want the contents to stretch the outer container. You’ll see it works fine in FF and IE8/9 but IE7 has got me completely stumped!

Can someone bail me out?

Len

2

I don’t have IE7 at the moment, so wondering which element with the min-width? The CSS makes little sense to me:


#containerMain      {
	min-width: 940px !important;
	
	/* background-color: White;
	background-image: url(../images/bkgdPage.gif); */
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display:inline-block !important; /* needed for min-width to work */
}

Display: inline-block has nothing to do with min-width (and no idea what’s up with the !importants, is Javascript changing these settings?), plus just about the entire page is nested tables, and tables have their own rules for widths (frankly they could just take the place of the CSS on their own).

Which element with min-width is not going wide enough in IE7? In my Linux browsers, the column labeled “Next Inf. Date Change Reason” is not entirely on the right side if it’s supposed to be. It’s near the right, but there’s a decent gap.