I need help

I want to code a profile for someone in CSS, but I don't really know how to, I'm really not into CSS and more in C+, C++ etc.
But to the point, She wants me to code something like this: Click me (http://i290.photobucket.com/albums/ll246/Alyss_Sylver/photo5.jpg)

I've only done the background... How would I coe something like this? It's for this website
This website, it's a petsite... (http://www.aywas.com/register/referral/39317/)

Could someone send a basic code structure to put that display in the middle of the page, You don't have to do everything ,just tell me how to code the basic structure with moz, borders, where to place the images etc.

Thank you so much!

Forgot to put the code xD

Here I did this but I need to re-do everything xD


html{
background:url(http://i1152.photobucket.com/albums/p492/kellypony/4-7-45-1-3B3B3B-1-4A4A4A-DDEE1E-DDEE1E-DDEE1E-DDEE1E-4A4A4A-78D316-78D316-78D316-78D316-yes-yes-yes-yes-yes-.png) repeat;
background-color:#ffffff;
background-repeat:repeat;
background-attachment:scroll;
}



body{
top:auto;
font-family:trebuchet ms;
font-size:9pt;
color: #87274a;
margin: 0px; padding: 0px; width: 100%; }

a:link,a:active,a:visited{
color: #f8797f;
}

a:hover{
color: #e3401b;
}


#column_3.column{width: 350px; position:absolute; left:1200px; top:30px;}
#column_2.column{width: 300px; position:absolute; left:600px; top:30px;}


#profile-nav,#nav-right{
display:none;
}

h1{
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px 5px 2px 2px;
text-align:left;
padding-left:5px;
margin-bottom:6px;
color: #ffffff;
background-color:#ffa9c3;
}