title: Make Text Input Box Transparent? Should be simple?
body: <p>I'm trying to make my form input transparent and over lay it on top of my div.  Basically I want the text field to be transparent to whatever is behind it.  Any suggestions?</p>
  
  <pre><code>&lt;head&gt;
  
  &lt;style type="text/css"&gt;
    .WRAPPER {
      background-color: #000;
      height: 575px;
      width: 975px;
      background-image: url(exit-gate/exit-gate-bg.png);
      top: auto;
      margin: -8px;
    }
  
    body {
      background-color: #000;
    } 
  &lt;/style&gt;
  
  &lt;style type="text/css"&gt;
    term {
      background: transparent;
      border: none;
    }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
    &lt;div id="WRAPPER"&gt; 
      &lt;div class="term"&gt;&lt;input name="email" type="text" id="email"&gt;
        &lt;form name="form1" method="post" action="insert_ac.php"&gt;
          &lt;input type="image" src="exit-gate/white-box-10.png" alt="{alternate text}" name="submit" value="submit"&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;/div&gt;
  </code></pre>