Как сделать выпадающий список с закругленной границей?

Я использую тег выбора для выпадающего меню, используя css. Я сделал поле выбора для закругленного угла, выпадающее меню остается квадратным, я также хочу повернуть этот закругленный угол.

вот живое демо

http://jsfiddle.net/ankurdhanuka/AwUHn/1/

HTML

<p class="formRight">
<span style="padding-right:100px">Lead Type: </span>

    <select id="leadType" class="box2" name="lead_type">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</p>

CSS

.formRight select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px #E8E8E8 inset;
    height: 40px;
    margin: 0 0 0 25px;
    padding: 10px;
    width: 110px;
}

Ваша помощь будет оценена. Заранее спасибо.

Ответы на вопрос(4)

Ваш ответ на вопрос