pixelbrat

Hello. I made the suggested changes mentioned above and the thumbnails show as centered in Firefox but not in Internet Explorer. In IE, the thumbs display in a long vertical row aligned to the left rather than centered and in a horizontal row. I’m pasting the default Gallery CSS code from the “Black Minimalism Theme” then that I’m using. Can anyone please show me what I need to change so thumbs are centered properly in both Firefox and IE?

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
	width: 20%;
}

.ngg-gallery-thumbnail {
	float: left;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail img {
	margin: -6px 6px 6px -6px;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

Thank you in advance!!