Immagine che si ripete

[matti96]

Salve! Devo ottenere una cosa di questo tipo:

[IMG1][IMG2]

Dove IMG2 si ripete fino al bordo destro (ed è attaccata ad IMG1).

Avevo provato questo ma non funziona:

style.css

#bar
{
    position:            absolute;
    background-repeat:     repeat-x;
    background-image:     url("images/linea.png");
    width:                100px;
  <!--  top:                239px; -->
  <!--  left:                10%; -->
}

pagina.html:

<img src="images/onda.png" style="position:absolute;top:239px;left:0px;width:10%">
<div id="bar"></div>

In pratica ho queste due immagini:
http://theworldofprogrammers.altervi...mages/onda.png
http://theworldofprogrammers.altervi...ages/linea.png (Altervista non ha aggiornato il file ma la linea è molto più stretta, 38x18, non 893x18)

Devo fare la linea del battito cardiaco dove all'inizio c'è la sinusoide e fino al bordo destro la linea dritta

 _________________________
|         LOGO            |
|                         |
|/\  /\___________________|
|  \/                     |
|                         |
|       CONTENUTO         |
|_________________________|