I am building a new website here http://www.danabrahams.com.
Currently I am working on the grey textured background below the dark header.
As you will see I have applied a background image to the <body> which is 5px
wide by 802px high, and repeated it along the x axis. My CSS for this is as
follows:
body.main { background:url(../images/bodyMainBackground.jpg);
background-repeat:repeat-x; }
I have then tried to continue the textured background into the main intro
panel, by use of a large background image. My CSS for this is as follows:
#introPanel { background:url(../images/introPanelBackground.gif) left top
no-repeat; width:960px; height:500px; }
This is all very basic I know. But here is my problem... Everything lines up
great in Internet Explorer (7 & 8 only which is all I need) and Opera. But if
you view the website through Chrome, Firefox and Safari the lines in the
textured background do not line up at the join between the main donut and the
website background. Can anyone please shed light on why this is, and more
importantly advise how I can get it to line up across all five of the main
browsers outlined above?
Thanks in advance, John.
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
