Hi,

 

I've added a superfish menu to my site but I can't seem to get the menu's width to go right across the page (100%).

 

Here is the site: http://67.220.209.194/~joomlate/ - as you can see the menu at the top only covers about 50% of the screen and I'd like it to stretch across the page.  I have this in my superfish.css file:

 

/*** DEMO SKIN ***/
.sf-menu {
 float:   left;
 margin-bottom: 3px;
 text-align: center;
}
.sf-menu a {
 text-decoration:none;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC;
 padding:   .75em 1em;
}

 

Any help would be greatly appreciated!

 

Thanks.