Image will not sit on top of another?

[laurieballard]

Hello
Can PM link to live site.

I need the a line gif to sit ontop of the main background gif but i cant seem to get it to do it.

Have tried position relative on both div's, tried z-align, tried margin, padding etc

CSS is:

* {
padding:0;
margin:0;
border:0;
list-style:none;
}
body{
background-color:#3399FF;
}
#backgroundimg
{
height:auto;
width:auto;
min-height:600px;
margin-left:auto;
background-image: url(images/MainBack%20copy.gif);
background-position:center;
background-repeat:no-repeat;
z-index:-1;
position:relative;
}
#loginimg{
background-image:url(images/Login%20copy.gif);
background-repeat:no-repeat;
height:31px;
width:98px;
margin:auto;
display:relative;
}

Any ideas?

Thanks

[enigma1]

First validate your css, do not use spaces for links, there is no display:relative.

You could post some html code also along with your css with what you tried to do.

[tangor]

Dumb question... what's preventing use of <hr> which can be styled anyway you like?