<p>So I just love it when my application is working great in Firefox, but then I open it in IE and... Nope, please try again.</p>

<p>The issue I'm having is that I'm setting a CSS display property to either <code>none</code> or <code>table-cell</code> with JavaScript.</p>

<p>I was initially using <code>display: block</code>, but Firefox was rendering it weird without the <code>table-cell</code> property.</p>

<p>I would love to do this without adding a hack in the JavaScript to test for IE.  Any suggestions?</p>

<p>Thanks.</p>

Well,
IE7 does not have
```
display: table(-cell/-row)
```
so you will have to figure something else out or do browser targeting (which I agree, is bad hack). As a quick fix (I don't know what you're trying to achieve, appearance-wise) you could try
```
display: inline-block
```
and see what it looks like.
Maybe figure out a way to do
```
display: block
```
and solve the problem of "Firefox rendering it weird" instead? Can you describe what you mean by the weird rendering exactly?