I'm getting a weird problem when I try and absolutely position something
in a table caption. It all works fine in IE, but in Firefox if I try the
page below the caption is only as wide as the first cell in the table.
If I remove the "display:block;" on the caption then the caption is
the full width of the table but the absolutely positioned "em" element
is in the top left of the page rather than of the caption element. Any
one have any ideas on what's going on here?

Jake

<!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=iso-8859-1" />
<title>Annual Report</title>
<style type="text/css">
<!--

caption {
text-align:left;
margin:0;
padding:0 0 0 45px;
position:relative;
width:535px;
Display:block;
}

caption h5 em {
position:absolute;
left:0;
top:0;
width:40px;
height:40px;
color:#FFF;
text-align:center;
display:block;
background-color:#111;
font-style:normal;
font-size:x-small;
padding:2px;
}
</style>
</head>

<body>
<table border="1" cellpadding="0"
cellspacing="0"><caption><h5><em>Table 3.1</em> Performance
results:</h5> <strong>Performance indicators and actual
performance:</strong>
  processing responses to ministerial correspondence, 2003&ndash;04 and
2004&ndash;05</caption>
  <tr>
    <th valign="top"><p><strong> &nbsp;</strong></p></th>
    <th valign="top"><p><strong> &nbsp;</strong></p></th>
    <th colspan="2" valign="top"><p align="center"><strong>Result
</strong></p></th>
  </tr>
   <tr>
    <th valign="top"><p><strong>Performance indicator </strong></p></th>
    <th valign="top"><p align="right"><strong>Target
</strong></p></th>
    <th valign="top"><p align="right"><strong>2003&ndash;04
</strong></p></th>
    <th valign="top"><p align="right"><strong>2004&ndash;05
</strong></p></th>
  </tr></table>
</body></html>
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to