Do you need to set a width on the ul#nav? If you remove the rule
width:550px, it works as I believe you want it to.

Beth


On Fri, Feb 19, 2010 at 10:20 AM, Chris Kavinsky <[email protected]> wrote:
> I'm working on a site with a horizontal navigation. Ideally, I would
> like the list to float to the right side of the frame, but due to
> applying float:left to the individual li items, I can't get it to work
> properly. Am I doing something wrong, or is there a trick for this
> without sieeting a specific width on the items?
>
> Here's my css code for the nav:
>
> ul#nav {
>        margin:0;
>        padding:0;
>        float:right;
>        text-align:right;
>        width:550px;
>        list-style:none;
>        }
>
> #nav li {
>        margin:0;
>        padding:0;
>        font:italic normal 1.1em Georgia, "Times New Roman", Times, serif;
>        display:block;
>        float:left;     }
>
> #nav li a {
>        color:#000;
>        text-decoration:none;
>        padding-left:15px;
>        text-align:right;
>        }
>
> #nav li a:visited {
>        text-decoration:none;
>        color:#000;
>        }
>
> #nav li a:hover {
>        text-decoration:none;
>        color:#be7734;
>        }
>
> here's the live site for reference:
> http://www.associationdatabase.com/aws/360/pt/sp/home_page
> css file: http://209.235.212.107/screen.css
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to