CSS - Different output IE vs Firefox (SOLVED)

[Lumimies]

Hello

Please take a look at http://www.savonmaa.com

Can someone tell me why the "display-block" does not work on IE when I hover over left navigation?

>> On Firefox (Win and Mac) it shows hover effect when You move cursor on link "block"

>> On IE (Windows) You have to put the cursor on the the actual text of link.

I am using DEV 1.2.5

Any ideas? This is propably a very tiny thing but i cannot find it out...


Edited: I got this solved with the kind help of Ovidiu Ion (http://www.css-discuss.org/)

Solution:

I think a width:100% will fix it.

.navList A {
DISPLAY: block;
COLOR: white;
BORDER-BOTTOM: white 1px solid;
TEXT-DECORATION: none;

/* to catch the hover */
width:100%;
}

[Oliver Georgi]

To define styles working different in Firefox and Explorer e.g. do this:

Code: Select all

.myclass {

  /* for Firefox */
  padding: 20px;

  /* IE will see this */
  _padding: 10px;

}

Good solution to handle the different border box models - see a sample menu like used here:
http://www.bauhaus-award.de/

Oliver

[Lumimies]

Hello Oliver!

Thank You for this information!



Lumimies