Du har ingen doctype og så har du skrevet med stort og småt i henholdvis CSS og HTML, (ved ikke om det gør noget men det er altid godt at være konsekvent).
Bemærk at jeg har flyttet dit CSS, (af dovenskab) :-)
Prøv koden her:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="menu">
<a href="index.html" class="menu">Forside</a><br />
<a href="index.html" class="menu">Profil</a><br />
<div id="show_submenu1">
Projekter<br />
<div id="submenu1">
<a href="index.html" class="menu">Projekt 1</a><br />
<a href="index.html" class="menu">Projekt 2</a><br />
</div>
</div>
<div id="show_submenu2">
Reference<br />
<div id="submenu2">
<a href="index.html" class="menu">Ref 1</a><br />
</div>
</div>
</div>
</div>
</body
></html>
og her er dit CSS (rettet)
body {
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
#menu {
width: 100px;
}
#submenu1 {
display: none;
}
#submenu2 {
display: none;
}
#show_submenu1:hover #submenu1 {
display: block;
}
#show_submenu2:hover #submenu2 {
display: block;
}
.menu:link {
color: #000000;
text-decoration: none;
}
.menu:visited {
color: #000000;
text-decoration: none;
}
.menu:hover {
color: #000000;
text-decoration: underline;
}