DIV e CSS impedire ritorno a capo

[IKON]

Salve a tutti,
ho una pagina con una struttura simile a questa:


<div class="leftCol">
<ul>[*]Link 1[*]Link 2[*]Link 3[*]Link 4[/list]
</div>
<div class="main">
contenuto della pagina!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
</div>
<div class="clear">
</div>

e nel css le due regole:


.main
{
padding: 0px 5px 0px 5px;
margin: 5px 4px 8px 4px;
min-height: 420px;
width: 750px;
float: left;
}

.leftCol
{
padding:5px;
width: 180px;
min-height: 700px;
float: left;
text-align:center;
}


Il fatto è che quando riduco le dimensioni della finestre del browser il div "contenuto" torna a capo sotto il div "leftCol".
Io vorrei che rimanesse sempre sulla destra rispetto al DIV leftcol e se la finestra è troppo piccola si dovrebbero visualizzare le scrollbar nella finestra del browser.

Suggerimenti?
Grazie a tutti

[Mich_]

Devi dare un min-width all'oggetto che contiene i tuoi due div.

Esempio:

html, body {
  width: 100%;
  min-width: 1000px;
}

Non funziona in IE6 (se necessario, occorre usare l'hack relativo)


Nota: quando posti il codice, usa i tag messi a disposizione dal forum (ad esempio mediante il tasto CODE sopra l'area del testo)

[IKON]

Perfetto, funziona.

Grazie 1000 e scusa per la formattazione.
La prossima volta utilizzerò i tags

[Peppe psp]

all'oggetto con classe main ci devi aggiungere

overflow-x: scroll;