Problema con float y borde

[bengiss]

Hola a todos, tengo un problema al crear un borde alrededor de un div, basicamente el codigo es el siguente:

HTML:

Código HTML:

<div id="main">
    <h1>Test>/h1>
    <p> Blah blah blah</p>
    <a href="#" class="boton">Boton 1</a><a href="#" class="boton">Boton 2</a>
</div>
 

CSS:

Código CSS:

#main{
    border: 1px solid #ddd;
}
.boton{
    float: left;
}
 

El problema es que como los link esta flotando a la izquierda el borde del div llega hasta el final del bloque de parrafo (p) y los link quedan fuera del borde. Antes se me habia presentado un problema parecido y lo resolvi jugando con la propiedad "clear" pero no recuerdo ahora como hacer para que el borde abarque los link tambien.

Gracias de antemano.