More FF vs. IE display issues :(

[SystemLogic]

There are two issues I'm having, the URL is www.activetuning.com/tm

1) In IE the text/padding seems bigger on the "What We Do" box, so it ends up extending longer in IE

2) In IE in the Who We Serve box, it is adding a space between each box.

Here's screenshots...the top two boxes are IE (bad) the bottom is FF (good):

[Paul O'B]

Hi,

You need to force "layout" on these elements as follows (see faq on "haslayout"):

#who a {
    display: block;
    color: #000;
    background-color: #FFF;
    padding: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    border: 1px solid #d3d3d3;
    margin: 0;
 width:100%;
}


/* mac hide \*/
* html #what li{height:1%}
/* end hide */

That should make it much closer

[SystemLogic]

Ok I think that fixes the issue...but not 100%.

Those three boxes (home, home office, small business) are actually supposed to be formatted in the middle of the box through padding and margins (see www.trimegatech.com for example). When I put that formatting back in, it screws up the layout...I'm assuming since it's setting the width to 100%. Any suggestions?

[Paul O'B]

You will have to use the height:1% hack if you can't determine the actual width.

Add it to the other hack.

e.g.

/* mac hide \*/
* html #what li,
* html #who a {height:1%}
/* end hide */

[SystemLogic]

Perfect, that fixed it I didn't read the FAQ good enough.

For those looking for the haslayout FAQ here's the link:

http://www.sitepoint.com/forums/show...9&postcount=24