Css space issue with a div

In the following code at a some point of time i make the rit.png as $("#img1").show开发者_Go百科();

But there is a huge space between the image and the text.

How can the space be removed what is the issue here

  <div id="nav_bar" style="width:100%;height:25px;overflow:false;float:center;">
     <div id="resource" class="gorup" onclick="javascript:greoup();;" style="float:left;width:15%;border:1px solid #FFFFFF;"><img id="img1" src="/img/rit.png" style="float:left;border:none;" /><img id="img2" src="/img/w.gif" style="float:center;border:none;" />resource</div>
    </div>

Try to add display:block to style of your imgs.