My latest attempt gets it much closer in both browsers. I added an
empty div tag to space the legend from the form fields.
M!ke
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form>
<fieldset style="background-color: #cccccc; margin: 10px; position:
absolute; z-index: 3;">
<legend style="background-color: white; margin-top: -8px; position:
absolute; z-index: 2;">New Inventory Item</legend>
<div style="height: 10px;"></div>
<label for="deviceName" title="Device Name">Device Name:</label>
<input type="text" name="deviceName" maxlength="50" /><br />
<label for="make" title="Device Make">Make:</label>
<input type="text" name="make" maxlength="50" /><br />
<label for="model">Model:</label>
<input type="text" name="model" maxlength="50" /><br />
</fieldset>
</form>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application
http://www.houseoffusion.com/banners/view.cfm?bannerid=48
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:213208
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54