There comes a point in the following code where I display the image rit.png using $("#img1").show();
However, there seems to be a large gap between the image and the text.
How can this space be eliminated? What could be causing this issue?
<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>