On Jun 7, 2007, at 7:12 AM, Aaron Roberson wrote:

> In Firefox my design looks as expected, however, it is lost in IE7
> (Surprised? Didn't think so). I created what looks like tabs by  
> applying
> background images, margin and padding to a div (.boxtab) and an h3  
> (.boxtab
> h3). I suspect the problem is with the display property of .boxtab  
> h3, but
> I'm not very good when it comes to hacks and cross-browser  
> compatibility.
>
> Here is my CSS:
>
> [...]
> .boxtab h3{
>     display:table-cell;
> [...]
> }

display:table-cell is not supported by IE 6 and 7.
They'll display your h3 at its normal display-value: block.

For cross-browser ease, using the float property instead of  
display:table-cell, is a workaround.

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to