Hola a todos, estoy intentando hacer un diseño pero no logro que el footer se ubique al final de la pagina
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Admin. Jcweb </title>
<style type="text/css">
body{
background:black;
font-family:martina;
color:white;
font-size:20px;
}
#contenedor{
height:100%;
position:relative;
width:500px;
top:40px;
border:1px solid #fff;
-moz-border-radius-topright: 29px;
-moz-border-radius-topleft: 29px;
-moz-border-radius-bottomright: 28px;
-moz-border-radius-bottomleft: 28px;
}
</style>
</head>
<body>
<div id="contenedor" align="center">
<form action="#" method="POST">
<table width="360" border="0">
<tr>
<td width="350" height="96" colspan="2"><img src="/jcweb/css/photo/admin.jpg" width="350" height="110" alt="admin" /></td>
</tr>
<tr>
<td height="20" width="70">Usuario:</td>
<td><input type="text" name="usuario"></td>
</tr>
<tr>
<td height="20">Contraseña:</td>
<td><input type="text" name="contrasena"></td>
</tr>
<tr>
<td height="81"><input type="submit" value="Enviar"></td>
<td><input type="reset" value="Borrar"></td>
</tr>
</table>
</form></div>
<br/><br/><br><br><br>
<div id="footer1" style="background-image: url('css/photo/footer1.jpg'); left: 10px; top:22px; width: 980px; height: 42px; font-weight: bold; font-size: medium;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;bottom:0px;position:relative;">
</div>
</body>
</html>