too much space (html/css)

[digibucc]

new site design i am working on: http://cdlfreedom.com/new/ it is for my main job, so i am being particular.

if you follow the link, you can see an extra gap between the bottom of the blue ribbon and the top of the black and red marquee scroller. I can not figure out where this is coming from. the code in question is here(you can view source for the full code):

</li>
</ul>
</div> // here the menu ends, and the scroller starts at the line below.
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="475" height="20">
<param name="movie" value="basic_ticker_as3.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="basic_ticker_as3.swf" width="475" height="20">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="9.0.45.0">
<param name="expressinstall" value="scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

i have removed the ul margins via css:

ul { 
	margin-top: 0; 
	margin-bottom: 0; 
	margin:0;
	padding:0;
}