Horizontal in Firefox, Vertical in Internet Explorer

[jsarber]

I have some ShareThis buttons at the bottom of each post on my blog. As the title says, they are displayed vertically in IE and horizontally in FF. I want IE to display them like FF. Here's what I'm talking about:

 

http://www.jeremysarber.com/wp-content/uploads/2010/08/sharethis-buttons.jpg

 

Here's the code:

 

<span st_url="<?php the_permalink() ?>" class="st_twitter_vcount" displayText="Tweet"></span><span st_url="<?php the_permalink() ?>" class="st_facebook_vcount" displayText="Share"></span><span st_url="<?php the_permalink() ?>" class="st_email_vcount" displayText="Email"></span><span st_url="<?php the_permalink() ?>" class="st_sharethis_vcount" displayText="Share"></span>

 

I have no idea why they display differently or how to fix it. Any help would be appreciated.

[falkencreative]

If you look at the code that is being generated, it looks like some elements are set to use "display:inline-block". This works in Firefox/Safari/Chrome, but inline-block support is incomplete or missing in IE6-7 (http://www.quirksmode.org/css/display.html), which may be causing the problem. I'd try giving the spans "float:left; display:block;" and then adjusting positioning/spacing as necessary. I'm betting that this change may fix your issues.

[jsarber]

Thanks. Worked like a charm. Seems now like an obvious fix.