I have a div tag with a one 1px border around it. Something like this.
Code:
<div id="Layer3" style="position:absolute; width:792px; height:100%; z-index:2; top: 60px; left: 50%; background:#FFFFFF; border-bottom:#000000 1px solid;border-left:#000000 1px solid; border-right:#000000 1px solid;margin-left:-346px;">
This page looks fine in 1400X1050 pixels on my laptop on all browsers(IE, Firefox, Netscape), but when i change the resolution to a lower 1024X 768 the bottom border totally disappears and the left and right border start at the top but end abruptly. This only happens in Firefox and Netscape, IE still works great.
How do I fix this? Any help will be appreciated.
|