clickable dropdown invisible DIV

I am trying to make a clickable dropdown menu similar to the one on google where you click your username and a menu appears and you can log out. I built this menu using a hidden div and then made it visible via onClick and javascript to change the CSS. However if you highlight the entire page, the invisible div is shown and I dont like the way that looks. Google's doesnt 开发者_开发百科show. Is there another way to get the same effect without using a hidden div? thanks

EDIT: when i said "highlight," i meant if you crtl+a

Use display:none; instead of whatever you're using.

<div class="test"></div>

.test {
display:none;
}

An example: http://jsfiddle.net/TMS88/