I have a website that uses a combination of div's and a table in the layout:

www.vipmotorcar.com

FF is rendering the page as I would like it to - with the menu buttons underneath the logo div. IE7 is not - the buttons are ignoring the block layout div and laying on top of the logo.

I originally tried doing the entire thing with div's but my own shortcomings prevented me from following through and used the "easy way out" of a table just so I could move on with the rest of the design.

Still stuck with this bit though - I've tried setting absolute positioning on the table but then I get the opposite problem - IE looks fine and FF is too far down. Can anyone tell me what I'm doing wrong?

Here's some of the relevant underlying CSS:

body 
{
background-image: url(/img/metal.jpg);
background-repeat: repeat;
}
.wrapper1
{
background-color: Black;
border: 1pxsolidwhite;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
}
.wrapper2
{
margin: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-image: url(/img/bg1.jpg);
background-repeat: repeat;
border: 1pxsolid#101010;
text-align: justify;
text-indent: 20px;
}
.wrapper3
{
font-size: .65em;
text-align: center;
font-family: arial,helvetica,sans-serif;
}
.wrapper2p
{
color: White;
font-size: 1em;
font-family: Verdana,Tahoma,arial,helvetica,sans-serif;
}
.cssnav
{
position: relative;
top: 20px;
float: left;
width: 192px;
height: 90px;
margin: 0;
padding: 0;
font-family: arial,helvetica,sans-serif;
background: url(img/button2.jpg)no-repeat;
overflow: hidden; /* for ie to hide extra height*/
}
.cssnava
{
display: block;
float: left;
width: 192px;
height: 90px;
font-size: 11px;
text-decoration: none;
overflow: hidden; /* for ie to hide extra height*/
}
.cssnava:hover
{
}
.cssnavimg
{
border: 0;
}
.cssnava:hoverimg
{
visibility: hidden;
}
.cssnavspan
{
position: absolute;
left: 0px;
top: 15px;
text-align: center;
width: 192px;
height: 90px;
cursor: pointer;
color: black;
font-size: 1em;
font-weight: bold;
}

Display:block on a div is pointless since a div IS a block-level element.

Give the div with the logo in it an ID or class and specify a width and height for it. You also need to specify the dimensions of the image in the img tag, leaving it out is sloppy coding.

Is someone going to edit the content on the home page, 'cause it needs some work. This needs to come out: " Thank you for visiting the VIP Motor Car website." - they KNOW they're on a web site and that phrase is one of my pet peeves. I would just say "Welcome to VIP Motors" and leave it at that, it says all that it has to.

Thanks LadyNRed - setting the height on the logo-containing div did it. I mistakenly thought the height would interit the dimensions of the image contained within it but I guess IE needs it defined.

Yes the text on the home page is just a placeholder for the moment.