Header Social not showing on google chrome

Hi I was wondering if you could help me. This is an excellent theme and i can't thank you enough for adding this to the drupal catalogue. The header social buttons work fine on all other browsers but for some reason they facebook and rss feed icons don't show up on the google chrome browser. I have a long logo which takes up the whole of the header but on the other browsers the icons appear on top of the logo and don't cause a problem. I have looked at the code in the page.tpl.php

<?php if (theme_get_setting('social_icons')): ?>
<ul id="header-social">
<li><a href="http://www.facebook.com/<?php echo theme_get_setting('facebook_username'); ?>" target="_blank" rel="me"><img src="<?php global $base_url; echo $base_url.'/'.$directory; ?>/images/facebook.png" alt="facebook"/></a></li>
<li><a href="<?php print $front_page . ($language->prefix ? '/' : ''); ?>rss.xml"><img src="<?php global $base_url; echo $base_url.'/'.$directory; ?>/images/rss.png" alt="RSS"/></a></li>
</ul><!--end header-social-->
<?php endif; ?>

and in the style.css

#header-social{

float: right;

padding: 0;

margin-top: 23px;

}

#header-social li{

float: left;

list-style: none;

display: inline;

margin-right: 10px;

}

and can't see the problem at the moment. The site i am working on is website Could you help me as i am stumped at the moment. I appreciate any time you could give to look at this. Kind Regards

Tim