I need help with my CSS-codes (for a layout)

Hello!

I am still a little new to CSS and get very frustrated when things don't work. I am making a layout for a journal-thing over at another website.

Here is what I want it to look like; just follow this link --> http://www.home.no/calenlondien/pglayout.jpg (it's just a link to a picture I made)

So, with that in mind, I used these codes:

.journalbox {
background-image: url(http://img78.imageshack.us/img78/521/photogeniusbgix6.jpg) !important;
border-color: #323441 !important;
border-width: 2px !important;
color: #9D0F0F !important;
}

.journalbox .journaltop {
font-family: Verdana !important;
font-size: 11px !important;
color: #FFFFFF !important;
background-color: #323441 !important;
height: 90px !important;
text-align: left !important;
}

.journalbox .journaltop img {
display: none !important;
}

.journalbox .journaltop h2 {
font-family: Verdana !important;
font-size: 22px !important;
color: #FFFFFF !important;
padding-top: 15px !important;
text-align: left !important;
}

.journalbox .list {
background-color: #323441 !important;
color: #FFFFFF !important;
text-align: left !important;
}

.journalbox .list .a {
background-color: #323441 !important;
color: #FFFFFF !important;
text-align: left !important;
}

.journalbox .journaltext {
color: #FFFFFF !important;
font-family: Verdana !important;
font-size: 11px !important;
padding-top: 5px !important;
padding-left: 15px !important;
padding-right: 15px !important;
background: #323441 !important;
text-align: justify !important;
}

.journalbox .journaltext .jcustom {
margin: 0px 5px 0px 5px !important;
background-color: #323441 !important;
color: #FFFFFF !important;
font-size: 11px !important;
padding: 15px 15px 15px 15px !important;
display: block !important;
border-style: solid !important;
border-width: 1px 1px 1px 1px !important;
border-color: #323441 !important;
width: auto !important;
}

.journalbox .journaltext a {
color: #FFFFFF !important;
text-decoration: none !important;
}

.journalbox .journaltext a:hover {
color: #DDDDDD !important;
text-decoration: underline !important;
}

.journalbox .journalbottom {
background-color: #323441 !important;
}

.journalbox .commentslink {
background-color: #323441 !important;
color: #FFFFFF !important;
font-size: 11px !important;
text-decoration: none !important;
font-weight: bold !important;
}

.journalbox .prevlink {
background-color: #323441 !important;
color: #FFFFFF !important;
font-size: 11px !important;
text-decoration: none !important;
font-weight: bold !important;
}

----

Now the thing is. The background-image does not appear. That's the main problem actually. 'Cause if the background-image doesn't appear, I don't get to see if the tablecells/journal-text-boxes work either.

Can anyone help me? What have I done wrong?
I know I shouldn't advertise anything here on this site; but if you didn't understand what I meant by "codes not working", you can take a look at the journal the way it looks now. Just by going to photo-genius.deviantart.com, please.

Thanks!

 

It appears the div is actually

Your CSS is referring to the class of "journalbox" which doesnt exist on that page.