I noticed that when hovering on the links of the "Primary links" that the links were moving by 1 px. To fix that jumping just add the padding-right and padding-left lines in the #nav li a lines. Note that the #nav li a:hover must be 1 less than the #nav li a line.

Hope this is interesting for someone.

#nav li a {                                                                                                                         
        border: medium none;                                                                                                        
        padding: 6px 10px;                                                                                                          
        color: #ccc;                                                                                                                
        text-decoration: none;                                                                                                      
        font-weight: normal;                                                                                                        
        padding-right: 4px;                                                                                                         
        padding-left: 4px;                                                                                                          
}                                                                                                                                   

#nav li a:hover {                                                                                                                   
        border: medium none;                                                                                                        
        background: #7B0505 none repeat;                                                                                            
        color: #fff;                                                                                                                
        padding-right: 3px;                                                                                                         
        padding-left: 3px;                                                                                                          
        border-left: 1px solid #ddd;                                                                                                
        border-right: 1px solid #ddd;                                                                                               
}

Comments

jwolf’s picture

Assigned: Unassigned » jwolf

Some might call this a feature and not a bug. :)

Thanks. I'll fix this in the next release.

jwolf’s picture

Status: Active » Fixed

Fixed in 5.x-1.x-dev version.
I added just a bit more padding to the primary links to give them room to breathe.

Anonymous’s picture

Status: Fixed » Closed (fixed)