When you have styles like
Code:
ul { width: 300px; }
li { color: red; }
those styles affect all ul and li tags on your page, so put extra styles AFTER them in your stylesheet like
Code:
#navagation ul
{
list-style-type:none;
margin:0;
padding-left: 100px;
overflow:hidden;
}
#navagation li
{
float:left;
}
#navagation a:link, #navagation a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
}
#navagation a:hover, #navagation a:active
{
background-color:#7A991A;
}
where the id (or class) will restrict the styles to that id (or class). Note that where you have two or more style names for a style you have to repeat the id or class for all of them like #navagation a:hover, #navagation a:active
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.