membuat menu dropdown dengan html

inilah baris kode untuk membuat menu dropdown dengan html

<HTML>
<HEAD><TITLE>judul web</TITLE>

<style type="text/css">
#menu{
position:relative;
width:100%;
height:35px;
background:#CC3300;
border:0px solid #FFFFFF;
}

#menu ul{
padding:0;
margin:0;
list-style:none;
}

#menu ul li{
float : left;
position:relative;
}

#menu ul li a{
float:left;
color:#FFFFFF;
padding:10px;
border-right:1px solid #ffcccc;
text-decoration:none;
display:block;
}

#menu ul li a:hover{
background-color:#FFCC33;
color:#003366;
}

#menu ul li ul {
display:none;
}

#menu ul li:hover ul{
display:block;
position:absolute;
top:35px;
left:0;
}

#menu ul li:hover ul li a{
display:block;
background:#CC3300;
color:#FFFFFF;
width:130px;
border-left:1px solid #FFCCCC;
border-right:1px solid #FFCCCC;
border-bottom:1px solid #FFCCCC;
}

#menu ul li:hover ul li a:hover{
background:#FFCC33;
color:#003366;
}

</style>

</head>

<body >

<td>
<table width="590" border="0" cellspacing="0" cellpadding="0"bgcolor="red">
<tr>

<td>header<img src="tempatfolder/gambar.jpg" alt="gambar"></td>
</tr>
<tr>

<table >

<div id='menu'><b><font face="Arial, Helvetica, sans-serif" size="2">
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Berita</a>

<ul>
<li><a href='#'>page1</a>

<li><a href='#'>page2</a>
<li><a href='#'>page3</a>
<li><a href='#'>page4</a>
</ul>

</li>
<li><a href='#'>Download</a></li>

<li><a href='#'>Profil</a></li>
<li><a href='#'>Kirim Berita</a></li>
<li><a href='#'>Produk sponsor</a></li>

<li><a href='#'>Hubungi Kami</a></li>

</ul>
</font></b></div>

</tr>
<tr>

</tr>

</table>

</table>
</html>

mudah bukan membuat menu dropdown dengan html

Title : membuat menu dropdown dengan html
Description : inilah baris kode untuk membuat menu dropdown dengan html <HTML> <HEAD><TITLE>judul web</TITLE> <style t...