Div in a fieldset

[Webiter]

The following HTML is a validation at the end of a form to prevent spam. It looks like the image attached.


<fieldset>
<legend>Validate Your Message <span class="errors">Error message here<?php echo $visitorcodeErr ?></span></legend>
<span class="required">Required</span>
<center>
<img src="randomImage.php" alt="Captcha Image"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="visitorcode" class="data" size="6" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!--Refresh Validate Code Button Facility-->
<a href><img src="refresh.jpg" onclick="history.go()" alt="Refresh Code" /></a>
</center>
</fieldset>

Seeking to activate the refresh image as a sprite using the css control below.


/*Refresh Validate Code Rollover*/
#flip {border: 0px; font-size: 0px; width: 35px; height: 35px;}
#flip a {background: url(./refresh.jpg); display: block; width: 35px;height: 35px;}
#flip a.link {background-position: 0px 0px;}
#flip a.link:hover {background-position: 0 bottom;}

The rollover works in a normal <div>. Have tried the <div> within the fieldset but positioning is then out. Is there a work around or diff approach?

[bernie1227]

my advice is not to use no-space breaks in order to position the items. instead, use css positioning in order to do it.

In other words, set each item an id, and position them using


position: absolute;

and then using left or right controls, margins and padding in order to achieve it. Hopefully then the frameset won't effect the box.

Tell me if you have any problems.

[ApacheTech]

Also, get rid of the <center></center> tags. Use css to centre things.