Ayuda con el sidebar!

[PaulaNany]

Bueno..después de tanto dar vueltas y vueltas con los posts,logré colocar imágenes de fondo pero..ahora no puedo colocar imágenes de fondo en la sidebar!

Lo que quiero hacer es esto:
http://i44.tinypic.com/25f7kzn.jpg

Y lo que me sale es esto:
http://i43.tinypic.com/wlri4z.jpg

Dejo el código de mi sidebar:

#sidebar { width: 310px; float: right; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { margin-bottom: 10px; text-align: justify; background-color: transparent; background-image: url(img/side1.png); background-repeat: no-repeat; border: 0px solid #dedcdc; -moz-border-radius: 0.0em; padding: 6px; font-size: 11px; color: #888888; }
#sidebar ul li ul { margin: 0; border:0px; padding: 5px; }
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }
#sidebar ul li h2 { border: 0px solid #dfdfdf; text-align: right; text-transform: uppercase; padding: 100px; background-image: url(); font-size: 10px; color: #; font-weight: normal; font-family: Times New Roman; }

Si alguien puede ayudarme..sería genial.. xD

(Las imágenes utilizadas les pertenecen a UltimatePattinson y Design-Topia)