I'm working on editing a css template. When I preview the page in IE 7, I get a long horizontal scroll. Preview it in Firefox and it's perfect. Can't seem to figure out how to get rid of horizontal scroll in IE. Scroll seems to be caused from adding a Flash banner to the page but I get no scroll with FF. Without the Flash, using a graphic, the page is fine in both IE and FF. As I needed a Flash banner, I thought I could just do the insert flash button from dreamweaver so my code looks like this:
<div class="header-middle"> 
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="240">
        <param name="movie" value="img/flash.swf" />
        <param name="quality" value="high" />
        <embed src="img/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="240"></embed></object>
and .header-middle is:
.header-middle {width:770px; height:240px; background:rgb(230,230,230); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
Based on this, does anyone know how to get rid of the horizontal scroll in IE? Is the overflow:visible and overflow:hidden really required for Firefox and IE6? Also, I'm not sure if I'm really going about it the right way to insert Flash, so any advice appreciated.