CSS Two Column Scroller

css:

div.twocolscroller {}

div.twocolscroller ol.ts_head { list-style: none; padding: 0; margin: 0; }  

div.twocolscroller ol.ts_head { padding:0 17px 0 2px; clear:both}

div.twocolscroller ol.ts_head li{    float: left; width:50%;  }

div.twocolscroller div.ts_shell { overflow:auto;clear:both; }

div.twocolscroller div.ts_shell ol.ts_body { list-style: none; padding: 0; margin: 0;  }

div.twocolscroller div.ts_shell ol.ts_body { height:100.4%; padding-left:2px;}

div.twocolscroller div.ts_shell ol.ts_body li{    float: left; width:50%;  }

html

<div class=twocolscroller>

  <ol class=ts_head>

    <li>Name</li><li>Age</li>

  </ol>

  <div style='height:300px;' class=ts_shell>

      <ol class=ts_body>

        <li>Adam Baum</li><li>41</li>

        <li>Aretha Holly</li><li>42</li>

        <li>April Schauer</li><li>43</li>

        <li>Brighton Early</li><li>44</li>

        <li>Brock Lee</li><li>45</li>

        <li>Brooke Trout</li><li>41</li>

        <li>Chris Coe</li><li>42</li>

        <li>Daryl Rhea</li><li>43</li>

        <li>Don Key</li><li>44</li>

        <li>Ford Parker</li><li>45</li>

        <li>Heidi Clare</li><li>41</li>

        <li>Iona Ford</li><li>42</li>

        <li>Jay Walker</li><li>43</li>

        <li>Les Moore</li><li>44</li>

        <li>Luke Warm</li><li>45</li>

        <li>Marty Graw</li><li>41</li>

        <li>Mike Stand</li><li>42</li>

        <li>Neil Down</li><li>43</li>

        <li>Oren Jellow</li><li>44</li>

        <li>Penny Nichols</li><li>45</li>

        <li>Rita Booke</li><li>41</li>

        <li>Summer Day</li><li>42</li>

        <li>Warren Peace</li><li>43</li>

        <li>X. Benedict</li><li>44</li>

      </ol>

  </div>

</div>