Simple navigation change from right to left

What I want to do is very simple, I have my navigation pages at the top right corner, I want to change them to the top LEFT right corner, the CSS tag in charge of that is "nav", what tags do I have to change?

To page graphic:

#nav {                      /* navigation at top right corner */

        width:520px;

        height:30px;

        line-height:30px;

        float:right;

        padding:16px 23px 0px 0px;

        font-size:14px;

}

ul.nav {

        height:30px;

        line-height:30px;

        float:right;

        list-style:none;

        font-size:14px;

        font-weight:700;

        margin:0;padding:0;

}



ul.nav li{

        float:left !important;

        list-style-type:none;

        margin:0;

        padding:0;

}



ul.nav li a,ul.nav li a:link,ul.nav li a:visited {

        border-bottom:0;

        border-left:0;

        background:#774042;

        color:#ffffff;

        float:left;

        display:block;

        text-decoration:none;

        padding:3px;font-size:12px;

        border:2px solid #ffb7ba;

        font-weight:600;

}



ul.nav li a:hover,ul.nav li  a:active {

        background:#d42a30;

        color:#fff;

        font-weight:600;

}

Code (markup):

 

I believe changing the ul.nav selector's float from right to left should do the trick.

 

Its simple and yes that is right, but you need to download dreamweaver as this would do it for you with just a simple click cut and paste.

 

That's great, it worked! But I do not need to download dreamweaver, this is a Wordpress Blog and it can be edited online very easy, it took me two seconds once I knew what word to change.

Thank you for your help!