Slight Table Problem...

[follicle]

Greetings,

I'm a newbie to web design, but I'm playing around with redesigning our corporate website. I currently have a main page with an Iframe in which all other pages will appear. Right now, I'm working on the layout for the first "main page" that will appear within the website. You can view it here:

http://www.frontierkemper.com/newsite/main.html

The black boxes to the left will be an area for placing images. Now, my problem arises when viewing the site in different browsers. The ideal result I would like to achieve is having the top of the introductory text align with the top of the black boxes. This looks just fine in IE7, but when viewing it in either Safari or Firefox, the introductory text is pushed down a few spaces and I can't figure out why. I should also mentioned that the "images" table and the "text" table are two separate tables nested side by side.

Any thoughts on why this would be occurring? Any insights would be greatly appreciated. Thanks!

 

[adamblan]

Absolutely position the table with css?

 

[jnjc]

The table is aligned correctly, its the actual content of that's not aligned. The issue is cause by the <p> tags in the following section:

[B]<p>[/B]
<b>Welcome to Frontier-Kemper, where Excellence in Underground and Heavy Civil Construction is our goal.</b>
[B]</p>[/B]

Remove these and you should be OK.

 

[follicle]

That worked perfectly!

Thank you both for the replies.