Css not working on IE-8 and firefox

Question

0.00/5 (No votes)

See more:

hello friends,
my css work fine on IE6 and IE7 but it gives problem on IE8 and firefox. here is my menu css plz tell me whats the problem inside it.

CSS

.primaryStaticMenu
{
    border:2px solid #3cc3ff;
}
.primaryStaticMenuItem
{
    /*width: 13em;
    background-color: #0089c8;
    border-width: 1px;
    border-color: #efefef #aaab9c #ccc #efefef;
    border-style: solid;
    color: #3cc3ff;
    padding: 0.5em 0 0.5em 1em;*/
    width:8em;
    font-size:14px;
    font-weight:bold;
    color:#3cc3ff;
    text-decoration:none;
    margin-left:5px;
    padding-left:10px;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#3cc3ff;
    text-align:center;
    line-height:30px;
    padding-right:10px;
}
.primaryStaticHover
{
    /*color: #3cc3ff;
    background: #FFFFFF;*/
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    margin-left:5px;
    padding-left:10px;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#3cc3ff;
    text-align:center;
    line-height:30px;
    padding-right:10px;
}

.primaryDynamicMenu
{
    border-bottom:solid 1px #3cc3ff;
    border-color:#3cc3ff;
    width:10em;
}
.primaryDynamicMenuItem
{
    width: 10em;
    color: #3cc3ff;
    padding: 0.5em .1em 0.5em .5em;
    border-width: 1px; /*border-color: #f7f2ea #aaab9c #f7f2ea #efefef;*/
    border-color: #3cc3ff #3cc3ff #3cc3ff #3cc3ff;
    border-style: solid;
    background-color: #0089c8;
    text-align: left;
}
.primaryDynamicHover
{
    color:#FFFFFF;
}
 .secondaryLevelOne
{
   background-color:transparent;
   background-repeat:repeat-x;
   margin:1.5em 0 0 0;
   padding:5px 0 0 5px;
   width:12em;
   height:35px;
}
.secondaryLevelTwo
{
   background:#FAFBFB;
   padding:5px 0 5px 5px;
}
.secondaryStaticHover
{
   color:#800000;
}
.StaticSelectedStyle
{
    color: #FFFFFF;
    text-decoration: none;
}
.DynamicSelectedStyle
{
    color:#FFFFFF;
    text-decoration:none;
}

thanks in advance....

Posted 12-Jan-11 2:00am

bburhanbohra

Updated 12-Jan-11 2:16am

Hiren solanki

v3

Add a Solution

Comments

#realJSOP 12-Jan-11 8:21am

Well, Sparky - without the HTML that goes with it AND an explanation of why you think it's not working, we really can't help you.

R. Giskard Reventlov 12-Jan-11 8:24am

So want to 5 that comment.

#realJSOP 12-Jan-11 8:28am

@digital man - I wanted to make it an answer, but in all honesty, it isn't one. :)

R. Giskard Reventlov 12-Jan-11 8:29am

It's pretty damn close! :-)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**R. Giskard Reventlov** · Accepted Answer · 2011-01-12T02:28:00

Is it that you haven't properly set hover so that the menu items don't change color as you expect them to:

You need to do something like:

.primaryStaticMenuItem:hover

rather than:

.primaryDynamicHover

That's my guess: can't see anything else wrong with the css though, as John has said, without context there is nothing.

On the other hand, if it works on 6 & 7 but not 8/9 or FireFlox then it might be down to the html design/layout. Basically I'm pissing in the wind because I'm between coffees and it's fun.