white space in the header

Hello,

I'm trying to get rid of some whitespace between my header image (actually a flash movie) and my navezpagesTOC and have tried a bunch of different ways but can't seem to get rid of it.

http://store.betaclothing.ca

thanks.

Where do you have the flash coded? What div?

Does not look like you placed it in #logoWrapper

I'm not sure what you're doing either.

Your Flash is above logowrapper, which is set at a height of 5px in the stylesheet.

Maybe include the Flash in the logowrapper and set the height accordingly?

try removing the red line:

because i think it's pushing things down one line...

Thanks elastic! you saved the day!

I think I am having the same problem but instead of white space it is black but I am pretty sure because that is the color of my background. I can't seem to get this flash header just right for other resolutions. What do i need to do for it to look great on multiple sizes? I have my flash set up like this.

my tpl_header.php consists of this piece of code

 if ($current_page_base == 'index') {
  require($template->get_template_dir('top_main.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/top_main.php'); }

  else {
  require($template->get_template_dir('top.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/top.php'); }?>

top_main.php is where my flash code is inserted which looks like this...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {};
			params.play = "true";
			var attributes = {};
			attributes.align = "middle";
			swfobject.embedSWF("stxbanner.swf", "stxbanner", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
		</script>
	</head>
	<body>
		<div id="stxbanner">
			<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>
		</div>
	

	
	
</body>
</html>

And last of all my logowrapper in the stylesheet.css looks like this

#logoWrapper{

	/*background-image: url(../images/headerbg.gif);*/

	background-repeat: repeat-x;

	background-color: #000000;

	height:140px;

	margin: 0em;

	padding: 0em;

	}

I am just trying to get this flash header to look decent on other resolutions and I am not exactly sure how to do this. I heard resolution sniffer which i did some research on but got no where. I am sure there are other options or ways to get this done. Does anyone have any thoughts on this?

By the way my actual flash file is set at 2600 by 150 or 200 not quite sure on the height. But this is crazy long right? I did it this long then set the width to 100% so it will reach widescreens and so forth but i am so new i am probably not even doing it the right way or anything like that. Please any info would be helpful. Thanks