No replies
sugarplum_19
sugarplum_19's picture
Offline
newbie
Last seen: 8 years 51 weeks ago
Joined: 2011-03-05
Posts: 1
Points: 2

I having a problem layering my div,

HTML

Untitled Document

grfgqedfgqefwds

CSS

body{
margin:0 0 0 0px;
background-image:url(images/background.jpg);
background-attachment:fixed;
background-repeat:repeat-x;
}

div#wrapper
{
margin-left: auto;
margin-right: auto;
width:1000px;
height:800px;
text-align:center;
background-color:#fff;
}

div#header1
{
width:1000px;
height:180px;
background-image:url(images/newheader.png);
top:0px;
z-index:1;
}

#photo{
width:300px;
height:543px;
position:absolute;
top:44px;
left:692px;
background-color:#fff;
z-index:5;
}

#title{
width:197px;
height:106px;
position:absolute;
top:-33px;
left:833px;
text-align: center;
background-color:#fff;
}

#content{
width:555px;
height:655px;
top: 273px;
position:absolute;
text-align: justify;
background-color:#fff;
padding:25px;
padding-top: 20px;
padding-bottom:5px;
}

.title {
font-style: italic;
font-size: 24px;
color: #552804;
}

.h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #552804;
}

.nav {
font-family: Arial, Helvetica, sans-serif;
color: #552804;
font-size:22px;
text-align:left;
padding-left:100px;
}

a:link {
color: #552804;
text-decoration:none;
}

a:visited {
color: #552804;
text-decoration:none;
}

a:hover {
color: #552804;
font-weight:bolder;
}

a:active {
color: #FFF;
text-align: center;
}

Basically I want the picture to go behind the curve

please can some one help me!