Navbar: Last Child Hover Right

[tsalstrand 8]

I'm working on this site: http://herschelsrawtalent.com/

 

I want the last navigation item to hover to the right side of the content area (i.e. about 960px from the left edge of the Home nav button) while the rest of it stays to the left. Here is the effect I'm going for: https://www.dropbox.com/s/hfj3xe2wne4o5t6/right-nav.jpg

 

I know this is how I select the last child

.navbar .navline > li:last-child {}

But for the lift of me I can't figure out how to get it over to the right except with padding-left (which I don't want to use if I can do it better). 

 

How do you think I can achieve this?

 

Thanks!

[batman 389]

HI tsalstrand

I´m not sure, but please you can try with

 

.navbar .navline > li:last-child {

    float: right !important;

}

 

.navbar .navline {

    float: none;

}

 

This works on firebug in my Mac

[tsalstrand 8]

batman you are the man!

 

I had tried the float: right !important declaration, but was missing your .navbar .navline {   float: none;}

 

Thanks a ton for your help!

[batman 389]

No problem, I happy to help you !