<div>'s vertical expansion problem

Hello,

In firefox browser I am having trouble with my <div>'s not expanding out height-wise appropriate to its content. Sometimes it does, sometimes it doesn't, depending on the refresh. All other browsers seem to work fine regarding this. I have attached 2 screenshots to help explain. Any ideas on what I need to set this <div>'s style to to accomedate this appropriatly in FF?

Wrong: http://img46.imageshack.us/img46/226/wrong1hx.jpg

Right: http://img46.imageshack.us/img46/2955/right6rb.jpg


Pages where this is seen:
http://www.websolvents.com/forums/

More prevelent here (click around on the links, knowledgebase, etc):
http://www.websolvents.com/members/



Thanks again!

Kyle

It all works fine for me. Very nice design by the way.

Try putting a <br clear="all" /> before your very last </div>

And give it a doctype.

Shouldn't it be <br style="clear: both" />

Tryed the break clear in several places, still doesn't seem to be fixing the issue.

By the way, what does the clear attribute do? I was looking through W3Schools and couldnt find anything on it.


Any more ideas?

Thanks so much.

works great for me.

http://www.websolvents.com/members/

Whenever I am in this members area and am clicking around on the links there in the middle area (Knowledgebase, support tickets, client area, announcments) specifically, it seems to happen quite often. Can anyone else confirm this as well?

Originally Posted by xxkylexx http://www.websolvents.com/members/ Whenever I am in this members area and am clicking around on the links there in the middle area (Knowledgebase, support tickets, client area, announcments) specifically, it seems to happen quite often. Can anyone else confirm this as well?

check browser settings...

What type of browser settings would cause that?

Your layout appears fine to me as well (in Firefox). Have you tried testing with a different PC?