new line in page for no reason

[HISHAM4WS]

I have updated my banners in my site.There are unexplainable over margins (between the first from the left and the second from the left.)The margin is a new line in the html, but without any fader element to hold it..it's weird.I have tried to set Up a jsfiddle, but the error does not exist thereHere is the code:<br> <div class="invisible_box"> <a class="overlay" onclick="window.open('http://www.s-maof.com/LandingPages/PRO/','PRO','scrollbars=yes, toolbar=no,status=no, width=570,height=650')"></a> <object type="application/x-shockwave-flash" data="http://s-maof.com/stuff/bannerPro150x75.swf" width="150" height="75"> <param name="movie" value="http://s-maof.com/stuff/bannerPro150x75.swf" /> <param name="quality" value="http://stackoverflow.com/questions/12731253/high" /> <param name="wmode" value="http://stackoverflow.com/questions/12731253/transparent" /> <param name="loop" value="http://stackoverflow.com/questions/12731253/false" /> </object> </div> <div class="invisible_box" style="z-index: 7000"><a class="overlay" style="cursor:auto;"></a> <object type="application/x-shockwave-flash" data="http://s-maof.com/stuff/tachlit-150x150.swf" width="150" height="150"> <param name="movie" value="http://s-maof.com/stuff/tachlit-150x150.swf" /> <param name="quality" value="http://stackoverflow.com/questions/12731253/high" /> <param name="wmode" value="http://stackoverflow.com/questions/12731253/transparent" /> <param name="loop" value="http://stackoverflow.com/questions/12731253/false" /> </object> </div>and the css:.invisible_box { height: 75px; margin-bottom: 5px; position: relative; width: 150px;}.overlay { background: none repeat scroll 0 0 white; display: block; height: 75px; left: 0; opacity: 0; position: absolute; top: 0; width: 150px; z-index: 10000;}