Oggetto con lunghezza variabile che decide lunghezza per altri oggetti

[Miki73]

Allora, ho un problema che dovrei riuscire a risolvere con i fogli di stile.
La parte html interessata è la seguente:

<div>
  <input type="text" />
  <ul>...[/list]
</div>

ho UL che ha la lunghezza che varia a seconda del contenuto, INPUT, se non do nessuna impostazione, ha una lunghezza fissa. DIV si adatta a seconda del contenuto, in questo caso chi tra INPUT e UL ha lunghezza maggiore.
Vorrei che sia sempre UL a decidere la lunghezza sia di INPUT che di DIV, ma come posso fare?
Grazie.

[mirkoagrati]

prova così:
<div style="width: 1%;">
<input type="text" />
<ul>...[/list]
</div>

siccome la lista sarà sempre più larga dell'1%,
tutto il resto si dovrebbe adattare a lei.

Fammi sapere.

Ciao

[Miki73]

No, il div prende comunque le dimensioni in base al suo contenuto.
Per ora ho risolto floattando i tre oggetti e con una funzione javascript che assegna alla lunghezza dell'INPUT la lunghezza dell'UL.

function adatta() {
  var lista = document.getElementById('lista');
  var txt = document.getElementById('txt');
  txt.style.width = lista.offsetWidth;
}

eseguita tramite evento Load del BODY