abushahin - 10:56 pm on Apr 24, 2012 (gmt 0)

Hi guys, I'm new to usign sprites, I'm trying to achieve a horizontal share bar with a sprite.
Now the image itself is 192px width by 32px height but when i use this css and html it shows vertically.

.sprites{background-image:url(images/sharesprite.png);background-color:transparent;background-repeat:no-repeat;display:block;}
#ceramic-blogger_png{height:32px;width:32px;background-position:0 0;}
#ceramic-facebook_png{height:32px;width:32px;background-position:-32px 0;}
#ceramic-google_png{height:32px;width:32px;background-position:-64px 0;}
#ceramic-rss_png{height:32px;width:32px;background-position:-96px 0;}
#ceramic-twitter_png{height:32px;width:32px;background-position:-128px 0;}
#ceramic-yahoo_png{height:32px;width:32px;background-position:-160px 0;}

<a class="sprites" id="ceramic-blogger_png" href="#"></a>

<a class="sprites" id="ceramic-facebook_png"></a>

<a class="sprites" id="ceramic-google_png"></a>

what am i missing?

any help much appreciated.

Edit: added float:left and its fine.
Are there any browser issues to look out for?