Hi all,

So I've been redesigning a site for a client for a while, I'm just getting back into the swing of this stuff after sometime off. I've had the usual FF vs. IE problems and gotten it down to just two pages that I can't figure out how to solve. I would really appriciate some advice!

 

They display fine in IE and are a mess in FF. The page links are;

 

http://www.bjmarine.net/newsite/salesteam.html

 

http://www.bjmarine.net/newsite/services.html

 

http://www.bjmarine.net/newsite/images/bjmarine.css

 

Thanks for your input in advance!

Denis

First of all you missed closing:

<div id="main">	
		<div>	 <<<	 this div

and this:

<div id="staff-columns">

should actually have a class not an id because it appears several times.

 

Fix those errors and then clear your floats (google it if your not familiar with the technique:"clearing floats"):

<div class="col-left-staff-odd"></div>
<div class="col-right-staff-odd">	</div>
//you can do it here: <div class="clear"></div>
//or have one of the columns clear the next ones (for example using clear:right; )

 

P.S. I only took a look at salesteam.html

Thanks for that! clear: both; works great and I removed that div I missed but when I change the mulitple id nests to class it stacks all the divs on top of each other vertically down the page.

Sorted it, I needed to change the .css from # to .