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

[Jackie_Star]

No soy experta en estos temas, pero puedes probar a cambiar el valor position: absolute por position:relative en la siguiente parte de código.

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

Funciona?

[shezard]

muchas gracias pero no ya lo probe con absolute, fixed, static relative . Con relative se me queda pegada en la cabecera de la pagina

[Jackie_Star]

Ok. Pues es que por el codigo no hay nada mas. Sera añadir algo. Podrias poner la URL de la web?