kam umistit - behavior: url(hovermenu.htc)

Ahoj, dal by se do tohoto kodu nekam umistit - behavior: url(hovermenu.htc) - aby to fungovalo

CSS:
/* menu */
#menu {width: 100%; float: left; clear: right; font-size: 12px}
#menu ul {width: 950px;}
#menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu ul {list-style-type:none; margin: 0; padding: 0;}
#menu li {float: left; width: 190px;}
#menu ul.sub li {margin: 0; padding: 0px;}
#menu li {margin: 0; padding: 0px;}
#menu h3 {margin:0; border: 1px solid white;border-top: 3px solid white; border-bottom: 5px solid white;background-color:#304F7B;}
#menu h3 a {display: block; text-decoration: none; width: 100%;font-size:12px;color:white}
#menu h3 a:hover {background-color: #4471B1;color: white;width: 100%;}
ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {color: #D8E8FF;display: block; text-decoration: none; margin: 0; width: 190px; background-color: #4470B0; border-bottom: 1px solid white;}
#menu ul.sub li > a {width: 190px;}
#menu ul.sub li a:hover {background-color: #D8E8FF; color: #4470B0;}

#menu ul li.main:hover h3 a {background-color: #DDD; color: inherit;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.main:hover ul.sub {visibility: visible;}


#maciwebmenu {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
padding 0;}


------------------------------
V tuto chvili mi to funguje tak ze mam v html code umisteno -
<script language="JavaScript">
document.write ("<style>ul.sub{position: absolute; z-index:10; visibility: hidden; } li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>");
</script>


v css code by mi to prislo praktictejsi....

Nezlobte, ale myslel od toho tu ta dizkuze je, nikoho preci nenutim aby mi odpovidal.