Hello nerd,
I can see a lot of problems here, most caused by your main image not being a background image. Negative margins can cause you trouble too...
I re-ordered some stuff in your html and totally changed your CSS. It works much better...
Have a look:
markup:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<LINK href="start_files/stylesheet.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id="wrapper">
<DIV class="topmenu">
<UL>
<LI><A href="http://www.macfacts.org/cae/profiel.html">Profiel</A></LI>
<LI><A href="http://www.macfacts.org/cae/projecten.html">Projecten</A></LI>
<LI><A href="http://www.macfacts.org/cae_new/development/">Kernwaarde</A></LI>
<LI><A href="http://www.macfacts.org/cae/contact.html">Vacatures</A></LI>
<LI><A href="http://www.macfacts.org/cae_new/development/" class="struct">PT Structural</A></LI>
<LI><A href="http://www.macfacts.org/cae_new/development/">Contact</A></LI>
<LI><A href="http://www.macfacts.org/cae_new/development/">Home</A></LI>
</UL>
</DIV>
</DIV>
<DIV class="footer">
<p>Postbus 9358 | 3007 AJ Rotterdam | tel: 010-4471744 | cae@cae.nl</p>
</DIV>
</BODY>
</HTML>
and the CSS:
BODY {
BACKGROUND-COLOR: #ccc
}
* {
margin: 0;
padding: 0;
border: none;
}
#wrapper {
MARGIN-LEFT: auto;
WIDTH: 979px;
height: 590px;
MARGIN-RIGHT: auto;
TEXT-ALIGN: center;
background-image: url(caegrid2007.gif);
background-repeat: no-repeat;
overflow: hidden;
}
.topmenu {
HEIGHT: 26px;
margin: 106px 0 0 228px;
FONT-SIZE: 13px;
FONT-FAMILY: Tahoma;
}
.topmenu ul a {
display: block;
width: 80px;
height: 28px;
}
.topmenu li {
float: left;
width: 80px;
height: 28px;
list-style-type: none;
text-align: center;
}
.topmenu li A:hover {
width: 80px;
height: 28px;
BACKGROUND: #c3e2f3;
COLOR: #000000;
}
.topmenu li A:active {
width: 80px;
height: 28px;
BACKGROUND: #c3e2f3;
COLOR: #000000;
}
A.struct {
BACKGROUND: red;
COLOR: black
}
.footer {
width: 979px;
margin: 0 auto;
FONT-SIZE: 13px;
COLOR: white;
FONT-FAMILY: Tahoma;
}