Hi.. I'm trying out the CSS tutorials for a webpage. I've set an image as the background (fixed). Just like this:

<style type="text/css">

A:link
{ text-decoration: none; color:#6699CC; }
A:visited
{ text-decoration: none; color:#6699CC }
A:active
{ text-decoration: none; color:#6699CC }
A:hover
{ text-decoration: underline overline; color:#6699CC;

h1 {font-family: underline }
p {font-family: verdana;
color: value }

body
{ margin:0; padding:0;
background:#000000 url('final2mod.jpg') no-repeat fixed;
font-family:verdana;
color:#99FFFF;
letter-spacing:5pt
font-weight normal;
font-size:10pt;
background-image:url('final2mod.jpg'); background-repeat:no-repeat; background-attachment:fixed }

</style>



The problem is.. the image can only be seen in IE & Opera but not on Netscape / Mozilla.. Can anyone help me with this please? Thx a million! :)

Hmmmm

Try this:


<style type="text/css">

A:link
{ text-decoration: none; color:#6699CC; }
A:visited
{ text-decoration: none;
color:#6699CC; }
A:active
{ text-decoration: none;
color:#6699CC; }
A:hover
{ text-decoration:
underline overline; color:#6699CC;}

h1 {font-family: underline }
p {font-family: verdana;
color: value }

body
{ margin:0; padding:0;
font-family:verdana;
color:#99FFFF;
letter-spacing:5pt
font-weight normal;
font-size:10pt;
background-image:url("final2mod.jpg"); background-repeat:no-repeat; background-attachment:fixed; }

</style>

and if this is on an "external" style sheet, take out the STYLE tags from the start and ending.

Thanx a lot, guys! Everything's a-ok now.. :) :D