CSS Positioning a text field -Probs in NS- Pulling out hair!

[Chad J]

I am trying to position a layer that contains a text form field.

It works fine in IE, but in Netscape (4.7) the area where the text field is - is blank - rendering it useless in NS.

Here is my Code CSS first:

.emailposition {position:absolute; visibility: visible; left:0px; top:400px; width:170px}

Here is the div:

<div class="emailposition"> <table width="170" border="0" cellspacing="0" cellpadding="0" class="NewsEmailColor">
        <tr> 
          <td colspan="5" bgcolor="#003366"><img src="/english/images/spacer.gif" width="1" height="1" border="0"></td>
        </tr>
        <tr> 
          <td rowspan="5" width="5"><img src="/english/images/spacer.gif" width="5" height="10" border="0"></td>
          <td colspan="3" height="10"><img src="/english/images/spacer.gif" width="5" height="10" border="0"></td>
          <td rowspan="5" width="5"><img src="/english/images/spacer.gif" width="5" height="10" border="0"></td>
        </tr>
        <tr> 
          <td colspan="3"><span class="emailservlet">Sign up for Saba News</span></td>
        </tr>
        <tr> 
          <td colspan="3" height="5"><img src="/english/images/spacer.gif" width="5" height="5" border="0"></td>
        </tr>
        <tr> 
          <form action="/english/mail_email.asp" method="post">
            <td colspan="2"> 
              <input type="text" name="email32" value="your email" size="12" hspace="1" onFocus="this.value='';" class="hdr-forms">
            </td>
            <td width="60"> 
              <input type="image" alt="go" src="/english/images/blue_go.gif" border="0" width="20" height="14" name="image32">
            </td>
          </form>
        </tr>
        <tr> 
          <td colspan="3" height="10"><img src="/english/images/spacer.gif" width="5" height="10" border="0"></td>
        </tr>
        <tr> 
          <td colspan="5" bgcolor="#003366"><img src="/english/images/spacer.gif" width="1" height="1" border="0"></td>
        </tr>
      </table></div>

I really need to get this layer to stay in 1 place throughout my site - right now it jumps too much.

Can anyone help? It is very much appreciated!

Chad

[Chad J]

Nevermind. I finally figured it out. I was trying to change a table to a layer and position it merely with css.

Apparently the layer has to be outside of your other HTML. I just dropped the layer html to just befor the </html> tag, and it works.

Thanks though,

Chad