Bueno, una forma más elegante de solucionar esto sin tener que usar una imagen, es poner las 3 columnas dentro de un mismo DIV, y poner este div con el css que te explico al lado al final de las tres columnas, por ejemplo
<div id="contenedor">
<div id="columna1">Contenido</div>
<div id="columna2">Contenido</div>
<div id="columna3">Contenido</div>
<div class="clear"></div>
</div>
En el .css los atributos de .clear serían:
.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}
En cuanto a las ventajas sobre usar DIVs y CSS, les recomiendo el siguiente artículo que enumera al menos 10 argumentos por los cuales es mejor hacer la maquetación usando DIVs y CSS: