Interesting graphic Issue

If you visit my Blog you’ll see anywhere from 3 to 5 Social Media icons in the header.

I’m on a Macbook pro running snow leopard. I browse with Chrome and Safari, and have the latest version of WP.

When I view my site I see all 5 (twitter, facebook, linkedin, youtube and RSS).
When I browse on my phone, FB and twitter are question marks and the rest are fine.

My co-worker visited the site, on IE and saw broken links for FB and twitter. He then visited on Firefox, and the FB and Twitter icons did not appear at all.

In all of these instances, LinkedIn, YT and RSS appeared fine.

All these files are hosted on my WP blog, and all are .png files. They are also all sourced correctly.

When I added these badges I did this…

I added this code to the header.php file:

<div class="smbadges">
	<a href="http://twitter.com/KickTheGrind"><img src="http://kickthegrind.tv/wp-content/uploads/2011/01/TW-30x30.png"></a>
	<a href="http://www.facebook.com/KicktheGrind"><img src="http://kickthegrind.tv/wp-content/uploads/2011/01/FB-30x30.png"></a>
	<a href="http://www.youtube.com/user/friskyb"><img src="http://kickthegrind.tv/wp-content/uploads/2011/01/YT-30x30.png"></a>
	<a href="http://ca.linkedin.com/in/mikefriskcorey"><img src="http://kickthegrind.tv/wp-content/uploads/2011/01/LI-30x30.png"></a>
	<a href="http://feeds.feedburner.com/KickTheGrind"><img src="http://kickthegrind.tv/wp-content/uploads/2011/01/RS-30x30.png"></a>
</div>

and then this to the style.css:

.smbadges {
float:right;
height:10px;
bottom:30px;
padding-right:3px;
}

.smbadges img {
padding:-4px 2px 2px 2px;
float:right:
}

I also changed some sizes here:

.menu {
float: left;
width: 600px;
padding: 6px 0 0 15px;
}

Any Idea what’s up? Can any of you see all of the Icons?