what happened to it? this is my external css file code and i am using this css in my master page but it didnt show the required result
body {
ul
{margin:0;
padding:0;
list-style:none;
}
ul li
{ float:left;
width:150px;
height:30px;
line-height:30px;
text-align:center;
background:voilet;
}
ul li a
{
text-decoration:None;
color:White;
}
ul li li
{ background:voilet;
color:White;
}
ul li li:hover
{ background:Gray;
color:White;
display:none;
}
ul li li a
{
text-decoration:none;
color:White;
{
<ul>
<li><a href="">HomePage</a></li>
<li><a href="">class schedule</a></li>
<li><a href="">syllabus</a>
<ul>
<li><a href="">subjects</a></li>
<li><a href="">books</a></li>
<li><a href="">course detail</a></li>
</ul></li>
<li><a href="">assignments</a></li>
<li><a href="">fee record</a></li>
<li><a href="">faculty info</a></li>
<li><a href="">class teacher info</a></li>
<li><a href="">examinations</a>
<ul>
<li><a href="">schedule</a></li>
<li><a href="">results</a></li>
</ul></li>
<li><a href="">Holidays info</a></li>
</ul>
}
}