HTML - Redirect Url To Completely New Url

Hey,

I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header.

This is the code I am using;

Code:

<tr>
<td bgcolor="#FFFFFF">
<img src="imageoneurl.jpg" border="0">
<!-- breadcrumb, login, pm info -->
<table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;">
<tr>

The above code is what I am currently using, and it works a treat on my computer ;

Firefox 3.0 windowed @ 1280x1024:



However, when at different resolutions this happens;

Firefox 3.0 full-screen in Vista @ 1280x1024:



Firefox 3.0 windowed @ 1280x1024




Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated.

I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible.
I have attached 2 images of how the site looks in IE as oppose to Firefox
Thanks

I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother.

http://www.problem-solving.be/dir0

Can anyone help me how to solve it? Here's the related CSS:

Code:

/* Drop-down menu */
.nav2 {}
.nav2 ul {
	list-style-type:none;
}
.nav2 ul li {
	float:left;
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/;
 	background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/
	left:-20;
}
.nav2 ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:28px; 
	width:90px;
	line-height:28px; 
	padding:0 20px 0 20px;
	text-decoration:none; 
	font-weight:bold; 
	color: #006699;
}
.nav2 ul li ul {
	display:none; 
	border:none;
}

/* Non-IE6 hovering */
.nav2 ul li:hover a {
	text-decoration: none;
}
.nav2 ul li:hover ul {
	display:block; 
	position:absolute; 
	z-index:999; 
	top:3.0em-6; 
	left:-20;
}
.nav2 ul li:hover ul li a {
	display:block; 
	width:88px; 
	height:auto; 
	line-height:1em; 
	/*margin-left:50px;*/ 
	padding:2px 20px 2px 20px; 
	border-left:solid 1px rgb(175,175,175); 
	border-right:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175);
	background-color:#EFEFEF; 
	font-weight:normal; 
	color:rgb(50,50,50);
}
.nav2 ul li:hover ul li a:hover {
	background-color:#FFFFFF;
}
.nav2 ul li a:hover {
	/*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */
	/*color:#DEEEF3;*/
}

.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

Thanks!

Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc.

My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads)
This is what I see in both I.E. and Firefox:


Here's the code for the object:
Code:

<style type="text/css">
  
div.lastfm_quilt_black a,
div.lastfm_quilt_black div {
  height: 20px;
  margin: 0;
  overflow: hidden;
  text-decoration: none;
  padding: 0;
  background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0;
  width: 100%;
  float: right;
  display: inline;
}

div.lastfm_quilt a:hover {
  background-position: 0 0 !important;
}
  
{if $orientation=='horizontal'}

div.lastfm_quilt_horizontal {
  width: 460px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists_wide,
div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums_wide,
div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px;
}

{else}

div.lastfm_quilt_vertical {
  width: 184px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists,
div.lastfm_quilt_black a.lastfm_quilt_artists:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums,
div.lastfm_quilt_black a.lastfm_quilt_albums:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px;
}

{/if}

div.lastfm_quilt_black .lastfm_quilt_profile a,
div.lastfm_quilt_black .lastfm_quilt_profile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black .lastfm_quilt_noprofile a,
div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt a.get_your_own {
  width: 92px;
  border-right: solid 1px #000000;
}

div.lastfm_quilt a.visit { 
  width: 91px;
  background-position: -93px -20px;
}

div.lastfm_quilt a.visit:hover { 
  background-position: -93px 0 !important;
}

</style>


<div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black">

        <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a>
    
<embed 
    src="http://static.last.fm/quilts/3/quilts_main.swf" 
    flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" 
    quality="high" 
    bgcolor="#000000" 
    width="184" 
    height="414" 
    name="quilts_main" 
    align="middle" 
    allowScriptAccess="never" 
    type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" />


</div>

Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing).
Here's a link to that code: Network Information
and here's a link to the entire page source: Entire Page
Both are .txts

I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off.