Buenos noches. Tiene que ser sencillito, pero no doy con ello.
El caso es que cuando hago el border al selector "body" me deja excluidos los contenidos de los selectores "libros" y "fotos" ( que son realmente imágenes pero que da igual...).
He intentado ponerle la orden CSS al selector "contenedor" pero tampoco funciona y los deja fuera.
Qué hago mal? Gracias a todos.
Pepe


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Documento sin título</title>



<style>



body{

border:3px solid navy;

width:850px;

margin:auto;

padding:0 15px;

}



.libros{

float:left;

}



.fotos{

float:right;

}



</style>



</head>



<body>



<div id="contenedor">



<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut dolor turpis. Donec laoreet ac est eu mattis. Nam eget mauris congue, aliquam velit nec, euismod lorem. Curabitur cursus in lectus id maximus. Quisque quis sodales mauris. Vivamus tempor feugiat urna ac eleifend. Phasellus aliquet accumsan libero, at varius odio convallis non. </p>



<div class="libros">

<ul>

<li> Primavera-IZQ</li>

<li> Verano</li>

<li> Otoño</li>

<li> Invierno</li>

</ul>

</div>



<div class="fotos">

<ul>

<li> Primavera-DER</li>

<li> Verano</li>

<li> Otoño</li>

<li> Invierno</li>

</ul>

</div>



</div>

</body>

</html>