JQuery Validation Plugin label.error position

JQuery Validation Plugin label.error position

Hi All,

This is a reall CSS 101 question:

I'm trying to get the error label to position right underneath the textbox it's related to. However, it just doesn't want to move.

I've tried relative/absolute positioning, but whatever I do it drops the join button down.

I know I'm doing something totally stupid. I just wish I could see where!!

Any help would be greatly appreciated.

Regs,
Numb

  1. <style type="text/css">    
  2.       div#emailwrap {position:relative; height:60px;width:350px;}    
  3.       div#emailwrap label.error {postion:absolute; bottom:0; left:0;color: red; font-size:10px; width:100px; height:25px; }       
    </style>


  5. <form action="xxxxxx" id="emailForm" method="post">     
  6.       <div id="emailwrap">         
  7.             <label class="frmMailList-label">Email</label>
  8.             <input name="frmMailList" type="text" class="frmMailList required email"/>
  9.             <input name="imageField" type="image" id="imageField" src="img/but-join.png" align="middle" />
  10.       </div>
    </form>