Creating Custom Property Inspectors 207 index:2">Horizontal Rule </div> <div id="widthLayer" style="position:absolute; left:135px; top:-8px; width:121px; height:28px; z-index:9"> <table> <tr> <td>W:</td> <td><input name="width" type="text" size="8" onBlur="setWidth()"></td> </tr> </table> </div> <div id="unitsLayer" style="position:absolute; left:228px; top:5px; width:91px; height:33px; z- index:8"> <select name="units" onChange="setWidth()"> <option selected>pixels</option> <option>percent</option> </select> </div> <div id="heightLayer" style="position:absolute; left:135px; top:14px; width:107px; height: 37px; z-index:10"> <table> <tr> <td>H:</td> <td><input name="height" type="text" size="8" onBlur="setHeight()"></td> </tr> </table> </div> <div id="colorLayer" style="position:absolute; left:320px; top:-3px; width:127px; height:52px; z-index:4"> <input type="mmcolorbutton" name="colorswatch" onChange="setColorField();setColor()"> <input type="text" name="colorfield" size="10" onBlur="setColorSwatch();setColor()"> </div> <div id="alignLayer" style="position:absolute; left:431px; top:3px; width:161px; height:32px; z-index:5">