CSS menu hjælp

Hej

Jeg har problemer med at få min menu til at virke

Her er min html og css kode (det er ikke de koder der er problemet, men de efterfølgende koder der er problemet, og det er dem jeg håber I kan hjælpe med )

<ul id="menu">
      <li>Hej</li>
      <li>Hej</li>
      <li>Hej</li>
      <li>Hej</li>
    </ul>

#menu {
	padding-right: 5px;
	padding-left: 5px;
	width: 830px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: inline;
}
#menu ul, li {
	display: inline;
	line-height: 30px;
	margin-right: 30px;
	text-decoration: none;
}

http://uploadpsd.com/file/35069.png

Dette er menuen jeg vil have (teksten der lyser op er for at vise hvordan den ser ud på rollover)

Håber I kan hjælpe Skriv hvis I har spørgsmål

(Hvor mange point kræver sådan et svar?)