Выровнять по центру LI, когда есть поплавок слева

Folllowing - это мой jsfiddle, в котором я пытаюсь центрировать выравнивание элементов списка <li> в <ul>. Только проблема заключается в том, что lis установлен в float left, и я не могу удалить это условие. Пожалуйста, дайте мне знать, есть ли способ справиться с поплавком влево и сделать центр lis выровненным в общем (отзывчивым образом)?

http://jsfiddle.net/AqRJA/2/

#nav{
    text-align: center;
    line-height:30px;
}

#nav li {
    float: left;
}

#nav li {
    list-style:none;
    margin: 0 5px;
    display:inline;
    border:gray solid 1px;
}