problem UL LI liste

Prøv at klik på linket for at se fejlen(fejlen er markeret med en rød boks):
http://www.gratisupload.dk/download/21227/

Problemet er at når en li linje bliver for lang så forsætter den på næste linje. Teksten kommer ovenpå den anden linje.

html:
<div class="Nav">
        <ul>

            <li class="heading">Nyheder</li>
            <li><a title='d' target='_blank' href='d'>sdf sdf sdf sdf sd sdfdf sdf sdfsd s</a></li>
            <li><a title='sdfsdfsdf' target='_blank' href='sdf'>tete test te st </a></li>
            <li><a title='dfsdfsdfsdfsdfsdf' target='_blank' href='sdf'>sdfsdfsd sfd sdf sdf sdf sdf sdfsd fsfsdf sdfsdf sd </a></li>
            <li><a title='s' target='_blank' href=''>s</a></li>
        </ul>
</div>


css:

.Nav {
    /*width:155px;*/
    padding:20px 0 20px 10px;
    border:2px solid #405774;
    background:#fff;
}

.Nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
}

.Nav li
{
    margin:0;
    padding:0;
    height:22px;
    line-height:22px;
    list-style-type:none;
   
}

.Nav li.heading
{
    margin:0;
    padding:0;
    font-size:130%;
    height:22px;
    color:#000;
    line-height:22px;
    font-weight:bold;
    list-style-type:none;
}

.Nav li a,  .Nav li a:visited{
    text-decoration:none;
    color:#000;
}

.Nav li a:hover {
    text-decoration:underline;
    color:#000;
}

.Nav li.select a,  .Nav li.select a:visited{
    text-decoration:none;
    color:#ce2a0f;
}

.Nav li.select a:hover{
    text-decoration:underline;
    color:#ce2a0f;
}