Quote Originally Posted by eggdashure View Post
Hey guys,

Need some Wizards of smart Bi-Browser CSS help.

If you check out my site at Monumental Photos you'll see that IE displays everything just fine. If you look in Firefox, the "heading.box" is stretched way out.

Now, that said, I did have Firefox showing up correctly, but IE would shrink the heading box down to the size of the text. So it's like one or the other.

This happens when I edit the following "float" code (can either be top or left, left works in FF, top works in IE):

#navColumnOne {
float: top;
position: relative; /* IE needs this */

Appreciate the help!
Ok, after much I found a partial fix for my issue. Also, just for the record, I did start with a fresh stylesheet and followed the instructions for setting the width of my side boxes. Even after doing this IE still condensed the box heading down to the size of the text.

To correct this, in my Stylesheet on line 686 (may vary depending on your edits) look for {h3.leftBoxHeading, h3.rightBoxHeading}. I then entered values for the left and right padding. {padding:.2em 5.2em 0 5.2em;} This gave me a more desirable result in IE and FF lines up just perfect. You may need to play with the numbers to get things just right. Check out my results by clicking on Monumental Photos in my signature. Hope this helps someone down the road.

Thanks