Forum Moderators: not2easy

Message Too Old, No Replies

PC Firefox displays border on background image

PC Firefox problems background image

         

rising55

8:43 am on Mar 17, 2009 (gmt 0)

10+ Year Member



Hi,

Does anyone know why the background image on my PC firefox creates a border along the image. I set the image in the body tag with a repeat-x attribute. Where ever the image ends, it creates a border along it.

body {
padding: 0px;
margin: 0px;
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #000;
line-height: 1.5em;
font-size: 100%;
border:0;
margin-top: -10px;
background: #aae4f7 url(../images/header/head2bkg.jpg) repeat-x ;
}

It works on all the other browsers such as IE, Safari, Chrome, Mac FF, Safari and Opera.

Thanks

CSS_Kidd

2:47 pm on Mar 17, 2009 (gmt 0)

10+ Year Member



Two things:

Check your image for anything like a 1px line on the edges.

Also... Just out of curiosity, why do you have a top margin of -10px on the body.

rising55

5:40 pm on Mar 17, 2009 (gmt 0)

10+ Year Member



I was experimenting and for some reason, when i saved my image as a gif, it works fine. Regarding the -10 top margin, I believe when i coded that a long time ago, it was to correct a bug in one of the browsers i was having problems with. I can't be specific, because it was awhile back. Anyway, thanks for the post.