Menu clignotatant

Bonjour,

voila mon code
<style>
#navlist1
{
border-bottom: 1px solid #181A12;
border-top: 1px solid #181A12;
margin: 10px;
margin-bottom: 15px;
padding: 0px;
padding-left: 180px;
background-color: #181A12;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 10px;
padding-top: 10px;
width: 650px;
}

#navlist1 a, #navlist1 a:link, #navlist1 a:visited
{
border: 1px solid #CBD888;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #CBD888;
font-weight: bold;
text-decoration: none;
}

#navlist1 a:hover, #navlist1 a:active, #navlist1 a:focus
{
border: 1px solid #CBD888;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#navlist1 li
{
padding-right: 1px;
display: inline;
font-size: 0.6em;
}

#navlist1 ul
{
margin: 0px;
padding: 0px;
}

#navlist1 #active a { background-color: #2C2F22; }

</style>
<div id="navcontainer">
<ul id="navlist1">
<li id="active"><a href=" " id="current"></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li></ul></div>
je veux que les 2 premiers items restent avec ce meme style et que les autre aient cet effet
<table border="0" width="179" id="my" style="border: 2px solid yellow" height="25">
<tr>
<td height="21" valign="center" width="161">
<font size="2">Your text here .</font>
</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--

function flashit()
{

var myexample = document.getElementById('my');
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="red" ;
else
myexample.style.borderColor="blue" ;


}
setInterval('flashit()', 500) ;
//-->
</script>
UNE SOLUTION SVP
merci d'avance