Forum Moderators: not2easy
the css is:
<code> #topnavigation ( text-align: right;
border: 1px solid;
color: #6600CC;
padding: 3px;
text-decoration: none;
height: 24px; }
#topnavigation li { display: inline; }
#topnavigation a { background: #fff;
color: #6600CC;
border: 1px solid;
padding: 3px;
margin: 2px;
float: right; }
#topnavigation a:hover {background: #e60073; }
#topnavigation a:active { background: #e60073; }
#navigation { padding: 1;
margin: 1px;
text-align: left;
color: #6600CC;
}
#navigation li { margin-bottom: 3px; }
#navigation a { background: #fff;
display: block;
width: 105px;
height: 30px;
border: 1px solid;
color: #6600CC;
padding: 1px;
margin: 1px;}
#navigation a:hover { background: #e60073;
text-decoration: none; }
clear: both;
to align the top navigation. I have given up on centering the other navigation, it does not look too bad.
Thing is, when I checked in the browser, both of my navigation lists styling does not work in firefox. They appear next to each other, as regular links. I guess this is a bug that needs fixing.