Ciao a tutti, sto cercando di allineare due div e fin qui ok. Il problema è che vorrei che il primo div (quello a sinistra) avesse larghezza fissa mentre il secondo no, può ridimensionarsi a piacere, ma non può rimpicciolirsi oltre un tot.
Ho fatto in questo modo ma non mi funziona:

codice:
<div id="container">
    <div id="sx">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>                
    <div id="dx">
        <p>bla bla bla</p>
    </div>
</div>
codice:
#container {
    width: 70%;
    min-width: 800px;
    margin: 0 auto;
    padding: 0px;
}


#sx {
    float: left;
    width: 250px;
    list-style-type: none;
    padding: 0px;
    background: red;
    display: inline;    
}


#dx {
    float: left;
    width: 75%;
    min-width: 500px;
    display: inline;
}
Non funziona perchè vedo i due div uno sotto l'altro...

Grazie