Hogyan lehet olyan linket készíteni, ami nincs aláhúzva csak ha rávisszük az egeret?

CSS:

a{

text-decoration: none;

}

a:hover{

text-decoration:underline;

}

.tamogatoink a {

...

}

.tamogatoink a:hover {

...

}

És a markup például:

<section class="tamogatoink">

<ul>

<li><a href="#">sdf</a></li>

<li><a href="#">sdf</a></li>

<li><a href="#">sdf</a></li>

<li><a href="#">sdf</a></li>

<li><a href="#">sdf</a></li>

</ul>

</section>