Javascript function is not working

See more:

ASP.NET

Javascript

CSS

I call that function in anchor tag mouseover event. I hide the div when the mouse is over on the anchor tag.

the function is called. The function is running without error. But the div is not hide.

I give the coding is

<a href="#"  önmouseover="projectsclick();" title="Projects"><span   class="icon_block m_projects">Projects </span></a>

function projectsclick() {
       var id = document.getElementById("<%=divprojects.ClientID%>");
       id.style = "display:none";
   }

My div is

<div id="divprojects"  runat="server"  class="switch_bar">
       <ul>

           <li><a href="#"><span class="stats_icon administrative_docs_sl"></span><span class="label">Profile </span></a></li>
           <li><a href="#"><span class="stats_icon finished_work_sl"><span class="alert_notify blue">30 </span></span><span class="label">Take Test </span></a></li>
           <li><a href="#"><span class="stats_icon config_sl"></span><span class="label">Test History </span></a></li>
           <li><a href="#"><span class="stats_icon archives_sl"></span><span class="label">Credits </span></a></li>


       </ul>

   </div>

Anybody help me...