Ignore star hack completely in CSSLint?

Question

I have this CSS:

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 100px;
}

When I run CSSLint through

csslint --ignore=star-property-hack test.css 

he still shows this error:

width can't be used with display: inline.
    width: 100px;

Is there any fix?

Answer 1

what's right ... when the display is built in, the width doesn't matter. Why do you set the display inside the string instead of the inline block?

However, try putting the star property in a different style with the same selector:

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 100px;
}

.inline-block {
    *display: inline;
}

Answer 2

Display: built-in fail-safe mode will only be needed if you need IE6 support (IE7 and later will display: built-in unit without problems). I would recommend the following:

IE6:

, IE6:

:

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    width: 100px;
}

ie6.css:

.inline-block {
    display: inline;
    zoom: 1;
}

IE6:

:

.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    width: 100px;
}

.