please look at this link
http://sudhakargolakaram.co.in/files/onepxgif.html

the idea is to have an image as a background however on top of this background i have a 1px X 1px gif image white in color

this gif image would repeat in x and y above the main background image so if i right click and select view background image i should see the gif image not the actual image which is as the background

i am not able to see the background image and when i right click i see the gif image

please advice how i can fix this

also is it possible to have a class for a div that has an id declared as i have mentioned in this page
<div id="container" class="test">

or is it not possible to have a class attribute for a div when an id is declared for that div

as there can be multiple classes decalred when using the class attribute is it possible to have a class attribute when a div has an id attribute

thanks

the idea is to have an image as a background however on top of this background i have a 1px X 1px gif image white in color

Probably not a great idea having it WHITE as the background will not show through.

also is it possible to have a class for a div that has an id declared as i have mentioned in this page
<div id="container" class="test">

Yes

as there can be multiple classes decalred when using the class attribute is it possible to have a class attribute when a div has an id attribute

Yes.

so should i create the 1px gif as a transparent gif image and will it work

At least you will be able to see the background image.

thanks for replying

i used a 1px x 1px transparent gif image for the inner div and it worked

#container2{
float: left;
position: relative;
width: 500px;
height: 200px;
background: url(greeting2.jpg) no-repeat top left;
}
.inner2{
float: left;
position: relative;
width: 500px;
height: 200px;
background: url(1pixel-transparentgif.gif) repeat;
}


now when i right click i see the 1px gif and not the actual image that appears

i also tried another method which is quite close to what i was looking for

#container1{
float: left;
position: relative;
width: 500px;
height: 200px;
z-index: -1;
background: url(greeting2.jpg) no-repeat top left;
}

<div id="container1">
content
</div>

when i add negative z-index the View background Image option is not highlighted.

thanks