Round Corner Drop Down

[msunely]

How to create round corner drop down using CSS?

[bfsog]

Can you explain further? I understand rounded CSS, but whats being dropped down?

[smoseley]

Probably a menu... You'll have to append a transparent png or gif to the bottom of your dropdown, like so:

<div id="dropDownMenu">
    <div style="background: transparent url('bg.gif') repeat-y">
        <ul>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
            <li><a>Link</a></li>
        </ul>
    </div>
    <img src="bottom.gif" />
</div>

[smoseley]

PS - another option is to use the Curvy Corners API

http://www.curvycorners.net/