problema con footer

[shezard]

hola a todos, tengo un peueño problema con el footer de mi web elcaso es que intento que se quede fijo en el fondo de la pantalla pero lo que hace en su lugar es posicionarse siempre en la parte inferior del navegador independientemente del alto de este haciendo que todo se descuadre aqui os pongo el codigocss a ver si os ayuda en algo

Código:

body {
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	margin: 0px;
	color: #FFF;
	padding: 0px;
}
#cos {
	margin: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
}

#menusup {
	height: 34px;
	width: 100%;
	background-color: #000;
	position: absolute;
	padding-left: 30px;
}
#textclass {
	padding-top: 22px;
}
#about {
	margin-top: 100px;
	margin-left: 50px;
	line-height: 2.2em;
}





#content {
	height: 600px;
	width: 990px;
	position: absolute;
	top: 30px;
	left: 200px;
	padding-bottom: 80px;
}

#menulat {
	margin: 0px;
	height: 200px;
	width: 200px;
	float: left;
	top: 80px;
	position: absolute;
}
#webmap {
	background-color: #000;
	height: 80px;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
}
#webmap ul {
	list-style-type: none;
	margin: 0px;
	position: relative;
}
#webmap ul li {
	float: left;
	display: inline;
}
#footer ul li a {
	color: #CCC;
	text-decoration: none;
}
#footer ul li a:link {
	color: #CCC;
}
#footer ul li a:visited {
	color: #CCC;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #666;
}


#footer {
	position: absolute;
	left: 500px;
	font-family: LondonBetween;
	font-size: 12px;
	color: #CCC;
	padding-top: 15px;
}

#logo {
	height: auto;
	width: 343px;
	top: 100px;
	position: relative;
	float: left;
}
.menusup {
	font-family: LondonBetween;
	color: #CCC;
}
.menusup ul {
	list-style-type: none;
	margin: 0px;
	position: relative;
	padding-top: 7px;
}
.menusup ul li {
	font-size: 11px;
	float: left;
}

.menusup ul li a {
	display: block;
	margin-right: 15px;
	margin-left: 15px;
	text-decoration: none;
	color: #F60;
	position: relative;
}
.menusup ul li a:link {
	color: #DD5A00;
}
#menusup ul li a:active {
	color: #FFF;
	text-decoration: underline;
}

.menusup ul li a:visited {
	color: #BF4D0B;
}
.menusup ul li a:hover {
	color: #CCC;
}
.menulat {
	font-family: LondonBetween;
	color: #CCC;
}
.menulat ul {
	font-family: LondonBetween;
	color: #CCC;
	list-style-type: none;
}
.menulat li {
	height: 30px;
	width: 150px;
	list-style-type: none;
	background-color: #000;
	border: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
}
.menulat ul li a{
	color: #CCC;
	text-decoration: none;
	display: block;
}
.menulat ul li a:link {
	color: #CCC;
}
.menulat ul li a:visited {
	color: #CCC;
	text-decoration: none;
}
.menulat ul li a:hover {
	background-color: #DD5A10;
	height: 30px;
	border-radius: 5px 5px 5px 5px;
}
.textclass {
	font-family: LondonBetween;
	font-size: 18px;
	color: #4272B6;
}
.covertext {
	text-align: justify;
	color: #CCC;
	font-family: "Helvetica Neue(OT1)";
	word-spacing: normal;

gracias de antemano por vuestrotiempo