Split button dropups' menu text is right aligned in modal footer

Created by: TWiStErRob

In the below example, the text "Ignore", "Not interested", "Invalid schedule" and "Other" is right aligned within the menu itself. http://jsfiddle.net/TWiStErRob/2GR7D

<div class="modal-footer">
    <div class="btn-group dropup">
        <button type="button" class="btn btn-warning" ng-click="ignore(undefined')">Ignore</button>
        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span><span class="sr-only">Ignore</span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li><a href="#" ng-click="ignore(undefined)" title="Just ignore this one.">Ignore</a></li>
            <li class="divider"></li>
            <li><a href="#" ng-click="ignore('uninteresting')" title="I don't like the looks.">Not interested</a></li>
            <li><a href="#" ng-click="ignore('timing')" title="The timings does not fit my life schedule.">Invalid schedule</a></li>
            <li class="divider"></li>
            <li><a href="#" ng-click="ignore('other')" title="I have my own reasons!">Other</a></li>
        </ul>
    </div>
    <button class="btn btn-success" ng-click="ok()" ng-disabled="viewForm.$invalid">Add</button>
    <button class="btn btn-danger" ng-click="cancel()">Cancel</button>
</div>

I'm not sure if it's correct but I'd expect them to be left aligned:

.modal-footer .dropdown-menu {
    text-align: initial;
}