Prevent highlighting of a drop down menu?

[thetechgeek]

Hey all,
I've created a pretty nice-looking drop-down menu, and I need to prevent users form highlighting the text in the menu item, because it looks kind of ugly.

Here's an snippet of my menu structure:

      <div id="menu">
        <ul>
          <li><a class="first_btn" id="file_btn" onClick="ShowHideFile();">File</a>
            <ul id="file" onmouseover="OverFileMenu();" onmouseout="OutFileMenu();">
              <li><a class="second_btn" type="button" onClick="">New</a></li>
              <li><hr></li>
              <li><a class="second_btn" type="button" onClick="File_Exit();">Exit</a></li>
            </ul>
          </li>
        </ul>
      </div>
 

now, when you double click on the horizontal rule, or if you click on the border & drag, you can select the text. Is there any way, besides using images instead of text, to prevent the user from highlighting this?

Here's the page-
http://www.opmstech.org/t_k/caffiene/

EDIT: if you're using IE, then don't even try to view the page. I'll make it so that IE can render the page later.

[acoder]

The link doesn't work.