Alignment problems in IE

[rcallan515]

Hello,
I am having alignment problems in IE. It looks fine in Firefox.

http://www.driventorise.com/store

[Sketchy]

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 1000px;
	vertical-align: top;
	border: 15px double black;
	}

That's a place to start... maybe try 100% instead?

I'd also recommend to reduce the size of the product images.

[kuroi]

Something more specific than "alignment problems" would help us to help you. Though there is a bug in your CSS that I would recommend fixing. The styling below looks like an attempt to force a border under all circumstances, but alas the syntax is wrong.

.centerBoxWrapper {

border: 1px solid black; !important
height: 1%;
margin: 1.1em 0;

}

The !important here appears to be intended to force a black border under all circumstances (though I doubt that it would actually have any effect), unfortunately it has been placed after the semi-colon and therefore outside of the statement which it seems to be trying to influence.

However that makes it the beginning of the next statement "height: 1%" which is therefore corrupted. Browsers generally deal with corrupt statements by ignoring them. Unfortunately Internet Explorer needs this one to force it to calculate a height for your center column boxes and thus draw their borders correctly.

[rcallan515]

thanks a lot guys. my problem (besides the !important) was that i had the height for the logowrapper at 75px and because i have a bigger picture there it was messing it up