OL Framework

by sanford

HTML

<ol>
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>    
    <li>Item D</li>
    <li>Item E</li>
    <li>Item F</li>    
</ol>

CSS

BODY { padding: 20px; font: 11px Verdana;}
LI { 
    background-color: chocolate;
    border-bottom: 1px solid white;
}

LI { 
    position: relative;
    z-index:1;
}
LI:hover + LI {
    height: 60px;
    position: relative;
    margin-top: -11px;
    z-index:0;
}