La imagen ha de repetirse en x pero no en y. En y es el alto de la imagen, y lo que sobresalga de eso, rellenarse con color
Código HTML:
<style type="text/css">
<!--
.fondo {
background-color: #900;
background: url(/images/fondo.jpg) top repeat-x;
}
-->
</style>
<div class="fondo">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>aa</p>
</div>