Todo List no IE7

by lquixada

HTML

<div class="box box-todo-list">
    <div class="box-top">
        <h6>Todo List</h6>
    </div>
    
    <div class="box-content">
        <ul>
            <li><label><input type="checkbox" /> Fazer compras do mês no supermercado Pão de Açúcar depois da globo.com</label></li>
            <li><label><input type="checkbox" /> Ligar para tio</label></li>
            <li><label><input type="checkbox" /> Assinar contrato</label></li>
            <li><label><input type="checkbox" /> Terminar freela</label></li>
            <li><label><input type="checkbox" /> Planejar férias</label></li>
        </ul>
    </div>
    
    <div class="box-base">
        <p>
            <a href="#">veja mais...</a>
        </p>
    </div>
</div>

CSS

div.box-todo-list { min-width:300px; max-width:395px; border:1px solid #ccc; background-color:#eee; font-family:sans-serif; }
div.box-todo-list * { color:blue; }
div.box-todo-list h6 { padding:5px; font-weight:bold; }
div.box-todo-list input[type=checkbox] { width:14px; height:14px; outline:none; }
div.box-todo-list li { padding:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid blue; }
div.box-todo-list li:first-child { border-top:none; }
div.box-todo-list li:hover { background-color:#fff; cursor:hand; }
div.box-todo-list ul { margin:5px; }