How to make IE respect max AND min-width [duplicate]


Tags: html,css,internet-explorer

Problem :

Possible Duplicate:
How to make IE support min-width / max-width CSS properties?

I have a site that has it's main navigation in a list (floated left).

The li elements need to have a min AND max width. This css of course works fine in all good browsers. But IE (9) doesn't react to it.

    ul.dropdown li {
            line-height: normal;
                    text-align: center;
            max-width: 145px;
            min-width: 88px;
            min-height: 30px;
        }

If I use this code on one condition, for example max width IE respects it. http://perishablepress.com/maximum-and-minimum-height-and-width-in-internet-explorer/

But of course I can't use the same for min-width.

I need a solution that IE respects max AND min width.

Is there a solution?

Thank You!


edit: I forgot to mention i already added

<!DOCTYPE html>

;)



Solution :

Ok, I found the problem. It wasn`t in the code, my IE just automatically switched into Quirks mode. Changed it by going in the console (F12) and changed the Document Mode to IE9!

Thank You!


    CSS Howto..

    How are these check-marks being drawn?

    How do I insert a “close” link in this list

    How to make selected file name visible?

    Weird behavior when I'm alternating between showing and hiding Flot graphs

    CSS: How to define spacing between responsive columns

    How to change active link color in bootstrap css?

    How to force text wrapping with floated elements

    How to center this flip card example?

    How to apply IE11 specific css [closed]

    How to fix background image inside div

    How to add hover text on D3 disign?

    How to determine the 'toggle' status of a CSS toggle input?

    jQuery: How do I target the clicked element when they all share the same CSS class?

    How to change CSS when user scrolls past a certain div

    How to apply different image styles to the same image used on main html page and pop up modal

    How can I convert to a CSS Drop down menu

    How to customize style of numeric “li” in css [closed]

    How to get WordPress Twenty Ten theme sub-menus to expand to their contents (CSS)?

    How do you style an android app?

    CSS - How to force elements to 100% of remaining/available space of parent element without extending beyond it?

    How do I achieve this particular hover effect?

    how to put 2 css elements in the same row (one next to each other)?

    How can I wrap lines of text in an unordered list?

    How to rotate + flip element with CSS

    How to override CSS to change of bootstrap

    How to add space after border in css

    How to hide elements with css using checkboxes: different outputs according to element id or class?

    How to connect CSS files to my JSP pages stored in Web-Content (Dynamic Web Project)

    How to add a class to only one div on click?

    How to I change this css psuedo button in Javascript/Jquery