I have created a form which acts as a interface to a system outside of my control. This takes UK postcode in two parts (postcode1 - the initial part e.g. ng1 and postcode2 the later part e.g.7sw)
Is it appropriate that I have one label for two inputs or does anyone know of a surefire way to hide second label I have tried this but it does not seem cross browser html snippet <label for="PostCode1">Postcode:</label><input type="text" class="postcode" id="PostCode1" name="PostCode1" maxlength="4" /><label for="PostCode2" class="hide">second part of postcode:</label><input class="postcode" type="text" id="PostCode2" name="PostCode2" maxlength="4" /> css selectors relating to this #su_housing input.postcode { width:2em; } #su_housing label.hide { position:absolute; left:9999; font-size:0; color:#fff; } Would appreciate anyones thoughts help Many Thanks Shaun ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************