How would I expand how many characters can fit on a single tab? Here is my Subnav coding:
Subnav
*/
.sf_navigation .subnav {
float: left;
left: -999em;
margin:0;
padding:0;
position: absolute;
width: 168px;
z-index: 9999;
}
.sf_navigation .subnav li {
border:none;
white-space: normal;
margin: 0;
width: 168px;
}
.sf_navigation .subnav li a {
background:none;
border:none;
font-family:Arial, Helvetica, FreeSans, sans-serif;
font-size:14px;
height: auto;
margin:0;
padding: 7px 15px 3px;
width: 138px;
BORDER-TOP: 0px;
}
.sf_navigation ul li:hover li a {
background:none;
}
#Nav1 li:hover ul, #Nav1 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#Nav1 iframe {
position: absolute;
/* account for the border */
left: -0.25em;
top: -0.25em;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
margin-left: 3px;
}
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
/*