Hola, Floren.
Puedes probar con este código. La idea es que no es necesario que "p" esté dentro de "right", de hecho es mejor que esté fuera, y de esa manera poner "right" alineado a la derecha con float: right, y necesitas también darle el ancho del gráfico:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Floren</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style>
.footer { background: #D2D3D5 url(footer-left.gif) no-repeat left bottom;
float: left;
text-align: center;
width: 100%;
height: 30px;
margin-bottom: 20px;
}
.right { background: url(footer-right.gif) no-repeat right bottom;
height: 30px;
margin-top: 0pt;
float: right;
width: 30px;
}
.footer p { margin-top: 5px;
}
</style>
</head>
<body>
<div class="footer">
<div class="right"></div>
<p>Privacidad | Aviso legal</p>
</div>
</body>
</html>
A ver qué tal.
Mikel.