[SOLVED] Quick CSS layout question

[johngordon]

This should be a quick one - I have just added in some links to the other countries on the page below. Basically all the links under the main Botswana image on the left hand side.

Trouble is, that they have knocked the second row of lodges down to their right (this is how they should appear: http://www.goodsafariguide.com/botswana/index.php)

I thought the culprit might be a clear:both; in the #outerWrapper #contentWrapper #content #row_two rule in the botswana_layout.css file, but apparently not.

If anyone could quickly spot how to fix this that would be great.

The page is here:

http://www.goodsafariguide.com/botswana/botswana.php

Thank you!

[johngordon]

I got as far as adding:

overflow:hidden; here:

#outerWrapper #contentWrapper #content {
margin: 0 0 0 340px;
padding: 0px 0px 10px 0px;
font-size:12px;
line-height:16px;
overflow:hidden;
}

Which looks fine in IE and Firefox:

http://www.goodsafariguide.com/botswana/botswana2.php

But looks like this in Safari and Chrome:

http://www.goodsafariguide.com/botswana/safari.htm

[meesa]

Move overflow:hidden from the #content DIV to the #row_... DIVs.

[johngordon]

Thank you - that's perfect.