Problem setting IE PNG

Question

I applied for example PNG: http://www.twinhelix.com/css/iepngfix/

Therefore, I can use transparent PNG images in my CSS. It works on divs, but the problem is that when I give a transparent background to an unordered list (ul), it does not work.

Here is the markup:

<div id="footer">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>
    <p>&copy; 2009 Your Name</p>
</div>

And here are the relevant parts of the stylesheet:

/* IE PNG fix */
img, div, ul { behavior: url('/css/iepngfix/iepngfix.htc') }

#footer {
    width: 876px;
    margin: 0 auto;
    background: none;
    text-align: center;
    line-height: 1.5em;
    font-size: .8em;
}
#footer ul {
    padding: 40px 0 13px;
    background: url('wrapper-bottom.png') center top no-repeat;
}
#footer p {
    padding-bottom: 15px;
}

I also tried adding a background: transparent; in the #footer div, but without success. Other PNG images applied to divs work, but under the wrapper-bottom.png there is a gray background (# 333), which is the background of most areas of website content, but I specifically declared background: none; for #footer, so there shouldn't be a single one :(

EDIT: Actually, when I don't specify the height for the #footer div, the whole footer has a gray background ...

EDIT: , . :

#footer {
    height: 0;
}
#footer ul {
    height: 30px;
}

IE.

Answer 1

Unitpng Fix.

png ...