Ryk indhold til venstre (Padding/Margin?)

Jeg har overtaget et stylesheet hvor der indgår et sidepanel med nedenstående kode. Hvordan får jeg rykket mit indhold 5-10pixels til venstre i sidepanelet i forhold hvor det er nu?

I mit html-dokument ser koden sådan ud, hvor <h2> står rigtigt, men <li> objektet under <h2> skal rykkes 5-10 pixels længere til højre.

HTML-kode:
<ul>
    <li>
    <h2></h2>
        <li></li>
        <li></li>
    </li>
</ul>

CSS
/* Sidebar */

.sidebar {
    float: left;
}

.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar li {
    margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
    margin: 0;
}

.sidebar li h2 {
    margin: 0 0 1em 0;
}


#sidebar {
    width: 240px;
    padding: 0px 0px 0px 15px;
}

#sidebar li h2 {
    margin: 0 0 1em 0;
    background: url(images/img11.gif) no-repeat left top;
    padding: 15px 0  0 15px;
    height: 30px;
}

#sidebar li ul {
    line-height: normal;
    background: url(images/img04.gif) repeat-x;
}

#sidebar li li {
    padding: 15px 0  0 30px;
    background: url(images/img04.gif) repeat-x left bottom;
    font-size: .8em;
}

#sidebar li a {
    border: none;
    padding-left: 10px;
    font-size: 1em;
}

#sidebar li a:hover {
    border: none;
    padding-left: 10px;
}