Content only shows when I move over it in IE V6

[Floodster]

This is a weird one,

I have a simple page which shows a header, a button (which is done with CSS) & some text. This all works fine in FF but in IE it only shows the button until I move my mouse over the other content & then it appears. If I refresh the page it disappears????

My CSS code relevant for this page is;

#content{
	margin-top:0.3em;
	margin-bottom:3em;
	margin-left:16em;
	margin-right:2em;
	background-color:#D4DDFF;
}
#content form{
	margin:0em;
}
#content p{
	font-size: 80%;
	line-height: 1.6em;
	padding-left:1.0em;
	padding-right:1.0em;
	margin:0;
}
#content ul{
	list-style:disc;
	padding-left: 3em;
	font-size:80%;
	font-style: italic;
	margin:0;
}
#content input{
	margin-left:0.2em;
	margin-right:0.2em;
	margin-bottom:0;
}
#content .row_header{
	background-color:#FFCC66;
	font-size:100%
}
h1{
	font: 150% Georgia, "Times New Roman", Times, serif;
	padding-left:0.5em;
	padding-right:0.5em;
	font-weight:bold;
	color:#336699;
	margin-top:0.5em;
	margin-bottom:0;
}
h3{
	font: bold 90% Georgia, "Times New Roman", Times, serif;
	color:#FF0000;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align: center;
}
/* code for the buttons */
#options{
	font-size:100%;
	}
#options ul{
	list-style:none;
	padding-top:1em;
	padding-left:1em;
	font-style:normal;
}
#options li{
	display:inline;
}
#options a:link, #options a:visited{
	padding:4px;
	color:#000000;
	background-color:#FCE6EA;
	text-decoration:none;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #717171;
	border-right:1px solid #717171;
}
#options a:hover{
	border-top:1px solid #717171;
	border-left:1px solid #717171;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

The body code for my page is;

  <h1>Download Requests<a name="top" id="top"></a></h1>
    <%ncount =ubound(aUserResults,1)%>
    <div id="options">
	<ul><li><a href="/research/navigation/maintenance.asp">Maintenance Options</a></li>
	</ul></div>
    <h2>There are <%=ncount%> records available sorted by <%=Sorted%></h2><br />
    <table>
      <tr class="row_header"> 
        <td><a href="/research/navigation/maintenance_download.asp?sSort=<%=sSortID%>">ID</a></td>
        <td><a href="/research/navigation/maintenance_download.asp?sSort=<%=sSortUser%>">Username</a></td></td>
		 <td><a href="/research/navigation/maintenance_download.asp?sSort=<%=sSortDate%>">Download Date</a></td></td>
         <td><a href="/research/navigation/maintenance_download.asp?sSort=<%=sSortTitle%>">Document</a></td></td>
		       </tr>
      <% For nrecord = 1 to ubound(aUserResults,1)%>
      <tr> 
        <td><%=aUserResults(nrecord,1)%></td>
        <td><%=aUserResults(nrecord,2)%></td>
        <td><%=aUserResults(nrecord,3)%></td>
        <td><%=aUserResults(nrecord,4)%></td>
        
      </tr>
      <% Next %>
    </table>
	  <p class="top"><a href="#top">Top</a></p>
    <h3><%=sMessage%></h3>

I have checked the page on both the Code validator & the CSS validator & they both pass so I am assuming it is a IE bug.

 

[Vragabond]

Try adding position: relative; to your content. IE is sometimes weird with rendering. Other than that, it is hard to suggest because:

1. you have posted your server-side code and not the end result html
2. you didn't post the entire page (content part is somewhere beyond the html you're showing)

Best would be if you could point us to a link to the page.