I had a layer positioned absolutely that would appear when a user entered data with a red border, because the content above the form is dynamic, the layer was not always apearing in the correct place so I switched it to relative positioning.

It works in ie, but in firefox it no longer has a border.

here is the div tag: <div id="ID#styleid#" style="border:solid; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px; border-width:1; border-color:ff0000; width:400px;background-color:ffffff; display:none; position:relative;left:0;top:0" >


Thanks,
Bill

Your code is incorrect.

You've got border-width: 1 -- 1 WHAT ?? If you define a width, you must tell it what measure to use. Make it 1px.
border: 1px solid #ff0000;

The color numbers are also incorrect. You MUST include the # in front of a hex color number.

I hope you're putting all that styling in an external file.

The positioning has no bearing whatsoever on the presence or absence of a border.

border: needs to be border-style:, or just make all your border statements into one:

border: 1px solid #ff0000

Plus make sure to use the hash mark (#) before any hex colors

EDIT: I also don't think your ID is very valid: id="ID#styleid#" using hash marks is a no-no as that's how you mark it up in your CSS selector.

Thanks everyone.

Unfortunately I had tried it w & w/o px and w & w/o the hash. Postion should not make a difference but the div positioned with an absolute tag has a border even w/o px or #. The div tag that has a relative position does not - the only fiddiference is the position- hunh!

see for yourself:
absolute: Humanscale
relative: Humanscale

you will have to put a quantity in the first qunatity field. Since it has a top and left setting of "0", the absolute box is way up in the upper left corner.

Also - thanks funkydadu -

in the code

id="ID#styleid#"

The # bracket a variable and are parsed in the server.