En mulighed kunne være at du lagde dit Layer1 for sig selv.
Og så har jeg sat fuld doctype på, ellers kan du ikke regne med din css.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<base href="
http://www.headfirst.dk/"><title>HeadFirst.dk // Welcome
</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript">
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="headfirst.css" rel="stylesheet" type="text/css">
<style type="text/css">
div#wrapper {
background-color: red; /* cosmetic */
height: 0px; /* set to taste */
/* required */
position: absolute;
overflow: visible;
display: block;
width: 100%;
left: 0px;
top: 50%;
}
div#center {
background-color: #666; /* cosmetic */
border: 3px solid #FFF; /* cosmetic */
overflow: auto; /* set to taste */
position: absolute; /* required */
left: 50%; /* required */
margin-left: -274px; /* half of width */
width: 548px; /* width of div */
height: 332px; /* height of div */
top: -161px; /* half of height */
}
</style>
</head>
<body bgcolor="#666666">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="tablenobg">
<tr>
<td align="center" valign="middle"><table width="715" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table style="position:relative;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" rowspan="3">
<p><a href="default.asp">
<img src="logo.gif" width="207" height="230" border="0">
</a></p></td>
</tr>
<tr>
<td width="168" rowspan="2" valign="bottom"><span class="sectionnames"><a href="view_section.asp?id=1" class="whitelink">Study
Affairs</a></span><br> <hr align="left" width="146" size="1" color="white">
<br> </td>
<td colspan="3" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><div align="right"><span class="headerboxes"><br>
</span><span class="footercontact"><a href="subscribe.asp" class="whitelink">Subscribe
now</a> <font color="#999999">and<br>
get HeadFirst for free!</font></span> </div></td>
<td class="headerboxes"><br>
<div align="right"> <img src="topboxdivider.gif" width="2" height="30"></div></td>
<td width="140" class="headerboxes"><div align="right"><br>
<span class="footercontact"><a href="info.asp" class="whitelink">About HeadFirst<br>
Sponsor/Partner information</a></span></div></td>
<td width="25"> </td>
</tr>
<tr>
<td colspan="3"></td>
<td width="25"> </td>
</tr>
</table>
<p> </p>
<p> </p>
<div align="right"><br>
</div>
</td>
</tr>
<tr>
<td valign="bottom"><span class="sectionnames"><a href="view_section.asp?id=2" class="whitelink">Business</a></span><br>
<hr align="left" width="146" size="1" color="white"> <br> </td>
<td colspan="2" valign="bottom"><div align="left"><span class="sectionnames"><a href="view_section.asp?id=3" class="whitelink">Culture</a></span><br>
</div>
<hr align="left" width="146" size="1" color="white"> <br> </td>
</tr>
</table>
<div align="center">
<table width="669" height="224" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td width="669" height="224">
<a href="view_article.asp?id=6"><img src="img-frontpage/hsh.jpg" width="669" height="224" border="0" align="right"></a></td>
</tr>
</table>
<br>
</div></td>
</tr>
<tr>
<td align="center" valign="top"><table width="673" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<table width="669" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="230" valign="top"><div align="left"></div>
<hr align="left" width="210" size="1" color="white"> <table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p class="frontpagecolumns">Latest Articles</p>
<p>
<a href="view_article.asp?id=7" class="regularlink">Going Global – a walk through a vision</a> <br><span class="byline">by Lars Højholt</span><br><br>
<a href="view_article.asp?id=6" class="regularlink">Home - Sweet Home?</a> <br><span class="byline">by Louise Jørgensen</span><br><br>
<a href="view_article.asp?id=5" class="regularlink">Hidden Places</a> <br><span class="byline">by Louise Jørgensen and Neeltje Bollen</span><br><br>
<a href="view_article.asp?id=4" class="regularlink">A Passion For Perfection</a> <br><span class="byline">by Pernille Martiny</span><br><br>
<a href="view_article.asp?id=3" class="regularlink">Sorry, Mr. Professor, but I really don’t agree with you</a> <br><span class="byline">by Carolina Kamil</span><br><br>
</p>
<p> </p></td>
</tr>
</table></td>
<td valign="top"><div align="center">
<hr align="left" width="210" size="1" color="white">
<table width="90%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><p class="frontpagecolumns">Latest Issue</p>
<img src="preedition.jpg"><p>The first printed edition of HeadFirst will be available in April - <a href="subscribe.asp">subscribe now</a> and get it sent to your door for absolutely free!</p>
<p> </p></td>
</tr>
</table>
</div></td>
<td width="31%" valign="top"><div align="right">
<hr align="left" width="210" size="1" color="white">
<div align="left">
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p class="frontpagecolumns">Culture Calendar</p>
<p>
Until March 6:<br>
<a href="calendar_view_event.asp?id=15" class="regularlink">Caligula</a>
<br>
<span class="byline">Aarhus International Theatre Company</span>
<br><br>
March 6:<br>
<a href="calendar_view_event.asp?id=12" class="regularlink">Figurines</a>
<br>
<span class="byline">Train</span>
<br><br>
March 8:<br>
<a href="calendar_view_event.asp?id=20" class="regularlink">Baby Woodrose</a>
<br>
<span class="byline">Train</span>
<br><br>
March 15:<br>
<a href="calendar_view_event.asp?id=13" class="regularlink">I Am Bones+Beta Satan</a>
<br>
<span class="byline">Pakhuset</span>
<br><br>
March 15:<br>
<a href="calendar_view_event.asp?id=19" class="regularlink">Editors</a>
<br>
<span class="byline">Train</span>
<br><br>
</p>
<p><a href="calendar.asp">View full calendar</a></p>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div align="right">
<p align="center"> </p>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <div align="right">
<span class="footercontact"><font color="#999999">HeadFirst
| sTUDENTERHUS åRHUS, Toldboden 1, 8000 Århus
| +45 60692781 | <a href="mailto:info@headfirst.dk">info@headfirst.dk</a></font></span></div></td>
<td width="22"> </td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<div id="wrapper">
<div id="center" style="z-index:1; background-color:white;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;">
<table style="position:relative;" width="100%" height="100%" border="1" cellpadding="25" cellspacing="0" bordercolor="#000000">
<tr>
<td bgcolor="#FFFFFF" style="filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;color:black;font-family:Arial"><p align="justify"><font color="#000000">If
you have a passion for <strong>creating and communicating</strong> then
join us in the start-up phase. Right now we are looking for <strong>committed
journalists</strong> and photographers of all nationalities to do English
<strong>journalism with an international perspective</strong> on study
affairs, business, and culture in Aarhus.</font></p>
<p align="center"><font color="#000000"><strong>We open the door to all
new journalists and photographers on</strong></font></p>
<p align="center" style="font-size:24px;font-weight:bold"><font color="#000099">Thursday // March 13th // 5.30pm</font></p>
<p align="center"><font color="#000000"><strong>at Studenterhus Aarhus,
Nordhavnsgade 1</strong></font></p>
<p align="center"><font color="#000000"><b>Additional info:</b><br><a href="mailto:info@headfirst.dk" style="color:#000099;text-decoration:none">info@headfirst.dk</a>
// 22 76 73 05</font></p>
<p align="center"><input type=button name=type value=' Close me ' onclick="setVisibility('wrapper', 'none');";></p>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
