Miért nem működik a CSS kód?

Szóval. Van nekem egy weboldalam, ahol a főmenü egy div ben van benne, nevezzük el menu nek. Valamint készítettem egy style.css fáljt ami az oldal stílusát határozza meg. Ebben a css fáljba készítettem egy menustyle nevű class-t, amit aztán hozzárendeltem a menu div hez, és beállítottam hogy a linkek ne legyenek aláhúzva. Nekem mégis alá vannak.

Lehet hogy nem nagyon érthető ahogy leírtam, ezért itt van a kód:

style.css:

body{

blablabla

}

.menustyle{

a{

text-decoration: none;

}

}

Persze az oldal head részébe beleírtam a css style beolvasását, majd a div kódolása:

<div class="menustyle" id="menu">

hablablabla

</div>

Mi lehet a gond? Mit rontottam el? Esetleg ha van más megoldás akkor mi az?