HTML/CSS... Hjælp.
Hej...Jeg kan ikke få følgende menu i CSS til at blive i samme linje og gå med ud af skærmen, når jeg scalerer vinduet.
Nogen der kan se, hvad der er galt..??
Her er HTML/CSS...:
-----------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mit udkast til en hjemmeside</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<style "text/css" >
* {
list-style-type: none;
text-decoration: none;
margin: 0px;
padding: 0px;
}
html {
margin-top: 0px;
margin-left: 400px;
}
body {
background-color: #000000;
color: #008000;
}
ul#menu li {
background-color: #c4c5c7;
text-align: center;
position: relative;
float: left;
display:block;
width: 120px;
height: auto;
line-height: 30px;
border: 1px dotted #008000;
font-size: 22px;
}
ul#menu li ul {
display: none;
width: 20px;
height: 20px;
}
ul#menu li:hover {
display: block;
background-color: #ff00ff;
}
ul#menu li:hover ul li:hover {
background-color: #ff00ff;
}
ul#menu li:hover ul {
display: block;
}
img {
margin-left: 115px;
}
</style>
</head>
<body>
<img src="\Users\Bilka\desktop\Min Hjemmeside\Images\NielsGjern10.gif"> </img>
<div>
<ul id="menu">
<li><a href="#">Forsiden </a> </li>
<li><a href="#">Interesser </a>
<ul id="submenu">
<li><a href="#" >Emne1 </a> </li>
<li><a href="#" >Emne2 </a> </li>
<li><a href="#" >Emne3 </a> </li>
<li><a href="#" >Emne4 </a> </li>
</ul>
</li>
<li> <a href="#">Galleriet </a>
<ul>
<li><a href="#" >Emne1 </a> </li>
<li><a href="#" >Emne2 </a> </li>
<li><a href="#" >Emne3 </a> </li>
<li><a href="#" >Emne4 </a> </li>
</ul>
</li>
<li> <a href="#">KontaktSiden </a>
<ul>
<li><a href="#" >Emne1 </a> </li>
<li><a href="#" >Emne2 </a> </li>
<li><a href="#" >Emne3 </a> </li>
<li><a href="#" >Emne4 </a> </li>
</ul>
</li>
<li class="noborder"><a href="#">Om </a>
<ul>
<li><a href="#" >Emne1 </a> </li>
<li><a href="#" >Emne2 </a> </li>
<li><a href="#" >Emne3 </a> </li>
<li><a href="#" >Emne4 </a> </li>
</ul>
</li>
</ul>
</div>
</body>
</html>
----------------------------------------------------------------
Påforhånd tak..!!