problemer med en simple menu
kigget flere timer på det her nu.I min #menu_side2 hopper min list langt ned og ligger i bunden af den. dog gør den det kun når jeg har den ind i min container. kan slet ikk få det til at give mening (når jeg flytter den udenfor så gør den som den skal)
se siden her http://zentrummusic.dk/v1/index.php
/***** min html *****/
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Zentrum Music</title>
<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>
<body>
<div id="container">
<div class="logo">
<img src="images/logo.png">
</div>
<nav><?php include 'inc/menu_top.php'; ?></nav>
<div id="menu_side2">
<?php include 'inc/menu_side.php';?>
</div>
</div>
</body>
</html>
/**** min css ****/
* {
padding: 0px;
margin: 0px;
}
body {
background-image: url('../images/webbg.jpg');
background-position:center top;
}
#container {
position: relative;
width: 950px;
height: 800px;
margin: 0 auto ;
margin-top: 44px;
/*border: solid blue 1px;*/
}
.logo {
width: 283px;
height: 205px;
float: left;
}
/***** Nav top *****/
nav {
width: 650px;
margin-top: 90px;
margin-left: 10px;
float: left;
}
nav a {
color: #fff;
font-family: courier new;
font-size: 22px;
text-decoration: none;
}
nav li {
display:inline;
margin-left: 20px;
}
nav ul {
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
}
/****** nav side *****/
#menu_side2 {
position: relative;
height: 350px;
width: 183px;
top: 250px;
left: 60px;
background-color: rgba(0, 0, 0, 0.7);
-moz-border-radius: 15px;
border-radius: 15px;
}
#menu_side2 a {
color: #fff;
font-family: courier new;
font-size: 18px;
text-decoration: none;
line-height: 30px;
}
#menu_side2 li {
margin-left: 20px;
}
#menu_side2 ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
