php - 标题图片造成巨大差距

我设法将制作的图像显示在默认主题徽标旁边的woostore主题的标题中，但是该图像与页面顶部之间出现了很大的差距，我认为这实际上是由于由徽标以某种方式。我不太擅长编码，只是经过反复尝试，所以有人可以看看并建议我该怎么做吗？

这是特定的标头代码：

<?php } ?>

 <div id="header" class="col-full">

 <div id="logo">
 <div id="headbanner" style="height:500px; width:186px; position:relative; top:500px; left:275px;">
 <img src="http://aggidukes.co.uk/store/wp-content/uploads/2013/04/Store-header-Image.png" alt="Official Store" /></div>

和站点地址：http://aggidukes.co.uk/store/

最佳答案

在#headbanner中，只要给float删除其他内容即可。

#headbanner{float:right;}
#search-top{float:right; clear:both;}