I'm building a new website with HTML and CSS and I need a top navbar for some main categories and then also a side navbar for more extra categories.

I'm creating in Dreamweaver and checking how things look in liveview as well as in Firefox and IE.
I must be doing something wrong with the CSS somewhere because my top navbar is exactly how I want it but the side navbar is for some reason taking on some of the attributes that I had assigned to the topnavbar.

I'm certainly no expert but I have built a website with HTML and CSS before and didn't encounter this problem.

The CSS below I used to style the top navbar (I will be improving this!) and I have also defined a CSS rule for #sidebar1 ul li a

The CSS rule below id over-riding the one for the sidebar1 ul li a

#header ul li a:link,a:visited
{
    display:block;
    width:150px;
    font-weight:bold;
    color:#111111;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    height: 40px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-family: Verdana, Geneva, sans-serif;
    background-color: #099;
    margin-left: 11px;
}

I'm assuming a CSS error but maybe I've made an HTML error.

Is there anyone experienced out there who can see what I must have done wrong?
I can give extra info and paste all the CSS and/or HTML code for the page if you like or paste the whole page code if needed.

Help VERY much appreciated. Thanks.

Lets see all the code or a URL for the problem page, please.

Thanks LadynRed

I managed to solve the issue in the end. It was something to do with how I'd defined the classes, ids and compounds, and I fiddled around for ages and eventually got it sorted. Thanks for your response though. Cheers.