Background color for visited takes over

halthur · #1 Oct 15, 2010, 12:45 AM

I am new to wordpress and are not really familiar with css coding so what I have done so far have really been by intuition and by copy past from other posts... so thank you for a great forum.

My problem is that I have been experimenting with the page menu background an colors and have tested with background images. Everything works fine except for that the visited settings (possibly from the settings in the page menu bar tab) seems to take over and thus the active never shows up.
It also seems like the background color comes from the page menu bar settings tab.

I use wordpress 3.0 and Atahualpa 3.5.1. Please have a look at my page:

http://www.colloidalresource.se/cmstest/

This is the code that I have inserted in the CSS inserts:

Code:

div#menu1
{
background: #ffffff;
border: 0px;
}

ul.rMenu li a:link
{
color: #ff4001 !important;
font-weight: bold !important;
font-size: 10pt !important;
background: gray !important;
width: 102px !important;
height: 25px !important;
text-align: center !important;
padding-top: 0px !important;
}

ul.rMenu li a:visited
{
color: #000000 !important;
font-weight: bold !important;
font-size: 10pt !important;
width: 102px !important;
height: 25px !important;
text-align: center !important;
padding-top: 0px !important;
}

ul.rMenu li a:active
{
color: #000000 !important;
font-weight: bold !important;
font-size: 10pt !important;
background: red !important;
width: 102px !important;
height: 25px !important;
text-align: center !important;
padding-top: 0px !important;
}

ul.rMenu li a:hover
{
color: #000000 !important;
font-weight: bold !important;
font-size: 10pt !important;
background: blue !important;
width: 102px !important;
height: 25px !important;
text-align: center !important;
padding-top: 0px !important;
}

Thanks in advance