* { margin: 0px; padding: 0px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

body {
	background: #fff url('/new/partners/mobile/img/bg.jpg') top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 height: 100%;
	}
.clear { clear: both; padding-left: 1px; }

#container {
	width: 900px;
	margin: 0 auto;
	}

#container, #navigation {
  min-width: 760px;
  position: relative;  this you need on your footer, position: relative;
}

/*IE6 hack for min-width... skipped*/

#container {
  min-height: 100%; 100% height model again
  font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
  height: 100%; /*IE6*/
}



#navigation {
  width: 100%;
  background-color: #282828;
  border-top: 1px solid #fff;
  position: fixed; 
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}


* html #navigation {
  position: absolute;
  width: 100%;/*IE5.5*/
  bottom: 0;
  left: 0;
  overflow: visible; 
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}




the rest is my menu inside.
#navmenu {
  margin: 0 auto;
  position: relative;
  z-index: 10;
  width: 50em;so I could center it within #navigation
}

	#navmenu li {
	  display: inline;
	  padding: 0 5px;
	  background-color: #282828;
	}
	 #navmenu a {
	  font: bold 14px/28px baskerville, times, "times new roman", serif;
	  text-decoration: underline;
  	  text-align: center;
	  color: #808080;
	  white-space: nowrap;
	}
	#navmenu a:focus, #navmenu a:hover, #navmenu a:active {
  	  color: #ffffff;
	}






#topbar {
	height: 40px;
	margin-bottom: 1px;
	}

#topbar #left { width: 600px; float: left; padding-top: 12px; font-size: 11px; color: #fff; }
#topbar #right { width: 300px; float: right; padding-top: 8px; text-align: right; }

#header {
	background: #2c338d url('/new/partners/mobile/img/header.jpg') top left no-repeat;
	height: 200px;
	overflow: hidden;
	vertical-align:top;
	}

#header #holder { height: 170px; padding-left: 1px; }
#header #nav { width: 900px; height: 30px; color: #fff; }

#sticker {
	position:relative;
	width:500px;
	float:right;
	padding-top:50px;
}
#sticker img { width:170px; height:54px; border:0px; }
#slogan {
	float:left;
	padding-top:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
}

ul#tabs { margin: 0; padding: 0; list-style-type: none; }
ul#tabs li { margin: 0; padding: 0; display: inline; list-style-type: none; }
ul#tabs a { float: left; height: 21px; display: inline; font-weight: bold; font-size: 11px; color: #fff; margin: 7px 4px 0px 0px; text-decoration: none; background: #2c338d url('/new/partners/mobile/img/taboff.jpg') top left repeat-x; padding: 5px 10px 0px 10px; }
ul#tabs a.active, ul#tabs a:hover { color: #2c338d; background: #fff; }

body#home #home_tab a, body#videos #videos_tab a, body#news #news_tab a, body#about #about_tab a, body#contact #contact_tab a { background: #fff; color: #2c338d; }

#content {
	background-color: #fff;
	height: 600px;
	padding: 10px 8px;
	}

h1 { font-size: 22px; color: #2c338d; border-bottom: 1px dotted #8f181a; }
h1 span { color: #f8e622; }

ul#video_listing { padding: 0px; margin: 5px 0px; list-style-type: none; }
ul#video_listing li { width: 130px; height: 120px; float: left; margin-right: 5px; display: inline; }

h2 { font-size: 14px; color: #2c338d; }

.spaced { margin: 15px 0; line-height: 20px; font-size: 14px; }

#footer { width: 900px; height: 120px; background-color: #1c205b; border-top: 2px solid #2c338d; padding: 8px; font-size: 11px; color: #c0c0c0; }
#footer #about { width: 240px; height: 120px; border-right: 1px dotted #fff; padding: 1px 5px 1px 1px; font-size: 10px; }
#footer #about strong { font-size: 11px; }

ul#video_categories { padding: 0px; margin: 8px 0 0 0; list-style-type: none; }
ul#video_categories li { width: 130px; float: left; margin-right: 2px; margin-bottom: 8px; display: inline; }
ul#video_categories li .img { width: 120px; height: 90px; margin: 0 auto; background: #fff url('http://www.sumo.tv/video_thumbs/no_image.jpg') top left no-repeat; }
ul#video_categories li .img img { width: 120px; height: 90px; border: 0;}
ul#video_categories li .info { text-align: center; padding: 2px; height: 40px; }
ul#video_categories li .info .title { width: 122px; height: 35px; font-size: 14px; font-weight: bold; margin: 0 auto 2px auto; overflow: hidden; }
ul#video_categories li .info .watch { color: #8f181a; }