Untitled

<html>
<head>
<title>Menu</title>
<style text="text/css">
.menu_vertical {
								margin-left: -40;
								padding: 0;
								float: left;
							}

.menu_vertical ul li {
								width:250px;
								list-style: none;
								}

.menu_vertical ul li a{
								Background-color:#F2F2F2;
								color:black;
								display:block;
								padding:12px;
								text-decoration:none;

.menu_vertical ul li a:hover {
											background-color: #F2F2F2;
											}

.menu_vertical ul li a:active {
											background-color: #A4A4A4;
											color:Black;
										}

.menu_vertical ul li ul{
									Display:none;
									}

.menu_vertical ul li:hover ul{
									Display:block;
									}

</style>
</head>
<body style="background-size: cover" background="background.jpg" alink="white" vlink="white">
	<div  class="menu_vertical">
	<ul>
			<li><a href="logo.html" target="frame1" class="active">Home</li></a>
			<li><a href="tigre.html" target="frame1">Tigre</a>
			<ul>
				<li><a href="alimento.html" target= "frame1">Alimento</a></li>
			</li>
			</ul>
		<li><a href ="Leao.html" target = "frame1">Leao</a></li>
		<li><a href ="Tigre.html" target = "frame1">Tigre</a></li>
		<li><a href ="Panda.html" target = "frame1">Panda</a></li>
		<li><a href ="Koala.html" target = "frame1">Koala</a></li>
	</ul>
	</div>
</body>
</html>