I would be forever grateful if anyone can help me out... My pages render fine in IE, but in Firefox they are completely out of whack. I'm having problems with two pages:
www.hybriddesign.net/fabricasian/index1.html

If you look at it in IE, that is how it should display. You will see in Firefox for some reason, the content doesn't span across the three thumbnail images at the top. It seems to only span one column. When I remove the three thumbnails, but just put a   in the cells, the page renders fine. So I know it's something to do with the images, I just don't know what!

Then at http://www.hybriddesign.net/fabricas...signRange.html

If you look at it in IE, you will see how the thumbnail at the top is supposed to be on the same row as the title, and then the thumbnails below are supposed to be 5 across (in two rows). In Firefox, they are all displaying in one column.

Thanks to anyone who can help me. I'm going nuts trying to figure it out and just don't know what else to try!

Don't you tables for layout. If you still want to use...
remove display:inline CSS rule from your sitestyle class and product class. Then use this html code

<table align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td><img src="images/header_left.gif" alt="Fabricasian" height="38" width="131"></td>
<td><img src="images/header_center.gif" alt="" height="38" width="408"></td>
<td background="images/cart_totalbg.gif" height="38" width="113"><div align="right"><strong><font color="#666600" face="Arial, Helvetica, sans-serif" size="1">Your Cart Total: £0.00</font></strong></div></td>
<td width="28"><img src="images/header_right.gif" alt="" height="38" width="28"></td>
</tr>
<tr>
<td height="100%" valign="top" width="131">
        <table valign="top" cellpadding="0" cellspacing="0" height="100%" width="131">
        <tbody><tr>
        <td><img src="images/menu_top.gif" alt=""></td>
        </tr>
        <tr>
                <td><a href="index1.html" onmouseover="MM_swapImage('Image1','','images/homeMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/home.gif" name="Image1" id="Image1" alt="Home" border="0" height="12" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="designRange.html" onmouseover="MM_swapImage('Image2','','images/designMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/design.gif" name="Image2" id="Image2" alt="Design Range" border="0" height="15" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="commissions.html" onmouseover="MM_swapImage('Image3','','images/commissionsMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/commissions.gif" name="Image3" id="Image3" alt="Commissions" border="0" height="15" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="faq.html" onmouseover="MM_swapImage('Image4','','images/faqMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/faq.gif" name="Image4" id="Image4" alt="FAQ" border="0" height="15" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="specialOffers.html" onmouseover="MM_swapImage('Image5','','images/specialMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/special.gif" name="Image5" id="Image5" alt="Special Offers" border="0" height="15" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="requestBrochure.html" onmouseover="MM_swapImage('Image6','','images/requestMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/request.gif" name="Image6" id="Image6" alt="Request Brochure" border="0" height="16" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="order%20form.pdf" target="_blank" onmouseover="MM_swapImage('Image7','','images/printMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/print.gif" name="Image7" id="Image7" alt="Print Order Form" border="0" height="16" width="131"></a></td>
        </tr>
        <tr>
                <td><a href="mailto:darren@fabricasian.com" onmouseover="MM_swapImage('Image8','','images/contactMO.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/contact.gif" name="Image8" id="Image8" alt="Contact Us" border="0" height="13" width="131"></a></td>
        </tr>
        <tr>
                <td><img src="images/menu_bottom.gif" alt=""></td>
        </tr>
        <tr>
             <td background="images/left_repeat.gif" height="100%">&nbsp;</td>
        </tr>
        </tbody></table>
</td>
<td colspan="2" align="center" bgcolor="#ffffff" valign="top" width="521">
                        <!--Main Content Table-->
                        <table cellpadding="0" cellspacing="0" width="500">
                        <tbody><tr><td colspan="3">&nbsp;</td></tr>
                        <tr><td><img src="images/image1.jpg" alt="Fabricasian" align="left"></td>
                            <td><img src="images/image2.jpg" alt="Fabricasian" align="left"></td>
                            <td><img src="images/image3.jpg" alt="Fabricasian" align="left"></td>
                        </tr>
                        <tr>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>

                        </tr>
                        <tr>
                        <td colspan="3" class="ProductHead"><font color="#cc0033">Welcome to the world
                          of Exclusive Hand Painted Bedcovers</font> </td>
                        </tr>
                        <tr>
                        <td colspan="3"><hr noshade="noshade" size="1">&nbsp;</td>
                        </tr><tr>
                        <td colspan="3" class="siteStyle">Fabricasian was brought about by Darren
                          Murphy and Janine Madden whilst living in the idyllic tropical
                          retreat of Bali. Having first met at the age of fourteen their
                          journey through life has taken them to many special places.
                          As young up and coming designers they uncovered the most amazing
                          talents from a special group of local artists in exotic Bali.
                          After years of investigation and testing they now employ some
                          of the finest artists on this beautiful island which they now
                          call their second home. Their major input is the design of each
                          bedcover in keeping with the ever changing demands for original
                          creations. <strong>You are not simply purchasing a bedcover,
                          but a work of art.</strong> Our emphasis is solely on quality
                          and not quantity, no two bedcovers are exactly alike. Each work
                          of art is lovingly produced with the romance of Bali in mind.
                          <br></td>
                          </tr>
                          <tr>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                              <td>&nbsp;</td>
                          </tr>
                          </tbody></table>
</td>
<td background="images/right_repeat.gif" valign="top">&nbsp;</td>
</tr>
<tr>
<td colspan="4"><img src="images/footer.gif" alt="" height="34" width="680"></td>
</tr>
</tbody></table>

Thank you so much. That was it exactly. I do have a question though... this page here is exactly the same, except the framework had been recoded (not the center content area that was not displaying, but the rest of the page). It has the same inline property and it is displaying fine. Why is that? I'm not sure why it's working on this page but not on mine:

http://www.fabricasian.com/fab_new/homepage.asp

I'm just trying to understand what the difference is! Thanks again!

The code is not same, they put images in on table and content in another table. You put both in one table width of first column affects the heading and content, though you use colspan.

Moral : Ne-Ne-Nested-ed-ed tables cause all kinds of headaches, learn and use CSS Layouts instead.

Thank you. Point taken!

I think a better title for this thread would be
'Help IE does not show my page like FF'

The reason for this issue is FF (Firefox) processes pages differently to IE (Internet Explorer). Personally I recommend getting your server to load a different CSS for each browser.

Personally I recommend getting your server to load a different CSS for each browser.

Not entirely necessary at all. The problem, as all CSS developers know, is IE's many, many, many bugs and NON-STANDARD rendering of CSS. Conditional comments to target the various versions of IE for the necessary CSS fixes ONLY is all that is really needed. There is no point in duplicating whole stylesheets.. it's a waste of effort and a maintenance nightmare.