Weird alignment issues in Firefox and IE

[cpraveenram]

Hi folks,

I'm creating a new theme meant for wordpress using twiitter bootstrap.

I created a new portfolio page that has 4 cols. While displaying the images for the portfolio, all the images are floated to left properly in Chrome, Safari, Opera but not in IE9 and FF v16.

Here is the link to the page.
When you view it using FF or IE you can see in second row two images are floated to right, likewise in 5th row one image.

I'm using twitter bootstrap.
http://sixtrot.com/Swizzle/portfolio.html

I used firebug to detect the issue but I'm clueless.

PS: The current design is not responsive, as I need to tweak it little more.

Thanks and Regards.
Sixtrot

[LastMitch]

I'm creating a new theme meant for wordpress using twiitter bootstrap.

You should have provide a link or some code to see the issue.

[pixelsoul]

inline-block <3

.gallery-post-grid li {
list-style: none;
float: none;
margin-bottom: 25px;
display:inline-block;

/* For IE 7 */
zoom: 1;
*display: inline;
}