please look at this link

http://sudhakargolakaram.co.in/files/layout1.html

my question is about the background image for the entire page, for this i have used bodybg.jpg for body tag and used repeat-x with a background color this is working fine


please click on the link i have provided to see the actual design image


what i need is the flowers that appear in the image should be the entire background for the body tag and the height of the image is 830px so that the entire image with the flowers appear along with the brown horizontal line which is almost at the bottom of the image


i have tried
<body>
<img src="design.jpg" class="img1" />

<div id="container">
<div id="wrapper">
content
</div>
</div>
</body>

img.img1{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#container{
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
z-index: 10;
}


in this case i am not able to see the brown horizontal line which is at the bottom of the design image


please provide the code to fix this.



also another question is about placing the sheep image in the layout as of now i have used an img tag to display the image and in css
img.sheep{
position: absolute;
top: 10px;
left: 200px;
z-index: -1;
}

this is working but just wanted to check if this is the right way to place the sheep image

thanks