<! Doctype HTML public "-// W3C // dtd html 4.0 transitional // en">
<HTML>
<Head>
<Title> new document </title>
<Meta name = "generator" content = "editplus">
<Meta name = "author" content = "">
<Meta name = "keywords" content = "">
<Meta name = "Description" content = "">
<Style>
Ul {
Margin: 0px;
Padding: 0px;
}
Ul Li {
Float: left;
Display: inline;
Font: 0.9em Arial, Helvetica, sans-serif;
Height: 30px;
Width: 100px;
List-style: none;
}
Ul Li {
Color: # FFF;
Text-Decoration: none;
Line-Height: 29px;
Width: 91px;
Margin: 0px;
Padding: 0px 0px 0px 8px;
Display: block;
Border-Right: solid 1px # CCC;
Border-bottom: solid 1px # CCC;
Background: #808080;
}
Ul Li ul Li {Height: 25px ;}
Ul Li ul Li {
Background: #666;
Line-Height: 24px;
}
Ul Li A: hover {Background: #666 ;}
Ul Li ul {visibility: hidden ;}
Ul Li: hover ul {visibility: visible ;}
Ul Li ul Li A: hover {Background: #333 ;}
</Style>
</Head>
<Body>
<Ul>
<Li> <a href = "#"> menu 1 </a> </LI>
<Li> <a href = "#"> menu 2 </a>
<Ul>
<Li> <a href = "#"> sub-menu 1 </a> </LI>
<Li> <a href = "#"> sub-Menu 2 </a> </LI>
<Li> <a href = "#"> sub-menu 3 </a> </LI>
</Ul>
</LI>
<Li> <a href = "#"> menu 3 </a> </LI>
<Li> <a href = "#"> menu 4 </a>
<Ul>
<Li> <a href = "#"> sub-menu 1 </a> </LI>
<Li> <a href = "#"> sub-Menu 2 </a> </LI>
<Li> <a href = "#"> sub-menu 3 </a> </LI>
</Ul>
</LI>
<Li> <a href = "#"> menu 5 </a> </LI>
</Ul>
<Br>
<Div>
<Table>
<Tr>
<TD> 11 </TD>
<TD> 22 </TD>
</Tr>
<Tr>
<TD> 11 </TD>
<TD> 22 </TD>
</Tr>
<Tr>
<TD> 11 </TD>
<TD> 22 </TD>
</Tr>
</Table>
</Div>
</Body>
</Html>