View Full Version : Firefox border weight

10-31-2008, 12:28 PM

I have a 1px border around an iFrame in my page. This looks okay in IE but firefox displays the border thicker.

As i have applied rounded corners to this border using 4 images it looks slightly odd in firefox.

Is there a workaround for this so it can display in ff like in ie?

#divFrameBorder{ border:1px; border:solid; color:#CBB1E4; margin-left:140px; margin-right:190px; margin-top:5px; margin-bottom:5px; padding-left:20px; padding-top: 5px}

#divCorner1 { width:18px; height:16px; background-image:url(../images/layout/box/corner1.png); background-repeat:no-repeat; position:absolute; left:140px; top:234px}
#divCorner2 { width:16px; height:18px; background-image:url(../images/layout/box/corner2.png); background-repeat:no-repeat; position:absolute; left:754px; top:234px}
#divCorner3 { width:16px; height:18px; background-image:url(../images/layout/box/corner3.png); background-repeat:no-repeat; position:absolute; left:140px; top:714px}
#divCorner4 { width:18px; height:16px; background-image:url(../images/layout/box/corner4.png); background-repeat:no-repeat; position:absolute; left:753px; top:715px}

Thanks for help with this.

10-31-2008, 12:45 PM
managed to fix this; i was setting border twice so firefox was using the default border weight.