make drop-down rounded?

[madeleinep77]

hi there – i’m using the plugin w/ very little adjustments to it. can’t seem to find an image for the drop down – any ideas on how to round the corners without using an image?

[madeleinep77]

here’s my css

#suckerfishnav {background:#FFFFFF url(/images/nav_tabs.png) no-repeat scroll 0 0;font-size:14px;font-family: verdana, sans-serif, trebuchet MS; width:100%;z-index: 6} 
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:28px;
    padding:0;
    margin:0;
    width:800px;
z-index: 6;
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
font-family: Verdana;
font-size: 12pt;
    }
#suckerfishnav li {
    float:left;
    padding:0;
text-align:Center;
width:198px;
margin-right: 2px;
    }
#suckerfishnav ul {
    position:absolute;
    height:auto;
    width:193px;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:193px;
    border-bottom:1px solid #fff;
    font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
    padding:4px 10px;
    width:180px;
    font-size:10px;
    color:#636467;
text-align:center;
font-weight:normal;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#619132;
font-family: Verdana, sans-serif, trebuchet MS;
font-size:10px;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
font-family: Verdana, sans-serif, trebuchet MS;
font-size:10px;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#d5ee7c;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#636467;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#dfead7;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: none;
    }

[imported_Ryan]

Hi,
There are no convenient ways to add curves to menus without using images. CSS3 has some support for curves, but they are not implemented in many browsers yet so are unusable unfortunately.

[Author]

Posts