Scholieren.com forum - CSS/html5 dpet raar in browser

hallo, ik heb een basis opzet gemaakt voor een website gebouwd, maar zodra ik hem wil displayen in de browser valt de layout van de letters weg, en het speciale letter type van de sidebar ook. wie kan mij helpen. hieronder vind je de codes.

HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<link rel="stylesheet" href="style.css" />

<body>
<div id="menu">
<ul>
<a href="#"<li>Home</li>
<a href="#"<li>About me</li>
<a href="#"<li>faq</li>
</ul>
</div>

<aside id="sidebar">
<ul>
<a href="#"<li>Skyrim</a></li>
<br />
<a href="#"<li>Dishonored</a></li>
<br />
<a href="#"<li>Call of duty</a></li>
<br />
<a href="#"<li>Minecraft</a></li>
<br />
<a href="#"<li>Battlefield</a></li>
<br />
<a href="#"<li>Fallout</a></li>
<br />
<a href="#"<li>Fifa</a></li>
<br />
<a href="#"<li>PES</a></li>
<br />
<a href="#"<li>Indie</a></li>
<br />
<a href="#"<li>others</a></li>
<br />
<ul>
</aside>

<div id="content">
<img src="forza.jpg" width="350" height="130" />
<ul>

Een discussie beheerst momenteel het racegenre: is nou Forza horizon, of toch Need for Speed: Most Wanted de beste game om aan je snelheidsfix te komen op de Xbox 360?
<br />
<a href="#">lees verder</a>
</ul>

</div>

</body>
</html

CSS:

body{

font-family:Arial, Helvetica, sans-serif;
background-image:url(skyrim.jpg);
width:900px;
}

#menu {
width: 800px;
height: 100px;
background-color: #000;
color: #fff;
width: 100%;
opacity: 0.6;
border-radius: 10px;
font-family: Arial, Helvetica, sans-serif;

}

#menu ul{
margin: 30px;

display:inline
}

#menu li{
display:inline;
margin:90px;

}

a{
text-decorationone;
color:white;
font-size:24px;
font-weight:900;

}

#sidebar {

height:600px;
width: 250px;
background-color:#000;
opacity:0.6;
border-radius:10px;
float: left;

}

#sidebar ul {
text-decorationone;

}
#sidebar li {
font-family:"Times New Roman", Times, serif;

}

#sidebar a:hover{
background-color:#333

}

#menu a:hover{

background-color:#333;
}

#content {
background-color:#666;
border-radius: 5px;
width: 350px;
height: 300px;
margin-left:400px;

}

#content a{

font-family:Verdana, Geneva, sans-serif;
color:#000;
size:landscape;

}

er zitten nog wat afbeeldingen bij, maar die kun je er zelf wel bij verzinnen.

alavst heel erg bedankt.

Robbie Staarel :)