ul ligne fixe

by jeum

HTML

<div id="pannel1">
    <ul id="convertsdata">
		<li>><span>truc truc truc </span></li>
		<li>Source<span>much</span></li>
		<li>Options
            <span id="options">
                <ul>
                    <li>bla</li>
                    <li>bla</li>
                    <li>bla</li>
                    <li>bla</li>
                    <li>bla</li>
                    <li>bla</li>
                    <li>bla</li>
                </ul>
            </span>
        </li>
		<li>Formats<span class="extlist">Toujours au pieds</span></li>
	</ul>
</div>

CSS

#pannel1 ul{
	list-style-type: none;
	padding: 0;
}
#pannel1 #convertsdata{
    position: absolute;
    margin: 10px;
	top: 42px;
	left: 100px;
    width: 350px;
	height: 150px;
    background-color: yellow;
}
#pannel1 #convertsdata > li{
	display: inline-block;
	float: right;
	padding-left: 10px;
}
#pannel1 #convertsdata > li:nth-child(1){
	height: 30px;
}
#pannel1 #convertsdata > li:nth-child(3){
	height: 80px;
}
#pannel1 #convertsdata li span{
	float: right;
    width: 260px;
	margin-left: 14px;
}
#pannel1 #convertsdata #options{
	height: 100%;
	overflow-y: auto;
    background-color: white;
}