Salve ho un problema.

Ho una lista orizzontale cosi' realizzata

codice:
  -HTML-
  <ul id="horiz">[*]Elemento 1[*]Elemento 2[*]Elemento 3[*]Elemento 4[/list]

  -CSS-
  #horiz li {
    margin: 0;
    float: left;
    padding-right: 20px;
    list-style-type : none;
  }
ottenendo come risultato:

codice:
    Elemento 1         Elemento 2         Elemento 3         Elemento 4
vorrei inserirla all'interno di un div di dimensione più piccola della lista, in modo che compaia solo una barra orizzontale, in modo da ottenere il seguente risultato:

codice:
  
   |-----------------------------|
   |Elemento 1         Elemento 2|
   |<============--------------->|
   |-----------------------------|
lo sgorbio sotto (<===>) e' una scrollbar orizzontale

ho provato in tutti in innumerevoli modi ma gli elementi della
lista mi vanno a capo.

Avete qualche suggerimento?

Grazie!