ok i'm having a problem, I have a nav section on my page (see code below) that should be limited to the navwrapper div but it's not, anywhere on the page I make a link it's styled like the nav even outside the div, never had this problem before any ideas?

tia

#navwrapper {
    padding: 5px;
    height: auto;
    width: 98%;
}

#navwrapper ul {
    margin: 10px;
    padding: 0px;
}

#navwrapper li {
    list-style-type: none;
    background: transparent;
    display: block;
}

#navwrapper li a:link, a:visited {
    color: #006699;
    text-decoration: none;
    font-family: Tahoma, Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: .9em;
    background-color: #FFFFFF;
    text-align: left;
    text-indent: 10px;
    padding: 4px;
    margin: 3px 0 2px;
    display: block;
    border-top: 1px solid #006699;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border-left: 3px solid #006699;
}

#navwrapper li a:hover, #navwrapper li a:active {
    color: #333333;
    text-decoration: none;
    font-family: Tahoma, Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 0.9em;
    text-align: left;
    text-indent: 10px;
    padding: 4px;
    margin: 3px 0 2px;
    display: block;
    border-top: 1px solid #006699;
    border-right: 6px solid #006699;
    border-bottom: 1px solid #006699;
    border-left: 3px solid #006699;
    font-weight: bold;
    background-image: url(../images/linkover.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

Reply via email to