Positioning problems with IE6 & Firefox

[Griff]

Hi

Firstly, I've very little experience with CSS, so it's probably a very
simple answer to my problem.

I've "designed" a tabbed-dialogue form that is made up of a series of
<div>s. A brief example is at the end of this post (tag id's removed
for clarity).

Basically, I've set this us with some CSS rules and it works fine in
IE6. However, using firefox, some of the divs are appearing lower on
the page than I expected, resulting some boxes appearing outside their
parents.

Any suggestions as to where I've gone wrong and where I can correct it?
Am willing to post complete code if that's any help (or email it
direct if someone wishes).

Many thanks in advance.

Griff

<div class="settings ">
<div class="settings Header">
<div class="row" id="row1">
<div class="tabHeade r">
some text
</div>
<div class="tabHeade r">
some text
</div>
</div>
<div class="row" id="row2">
</div>
</div>

<div class="settings Body">
<div class="tabBody" >
h4>System settings</h4>
</div>
<div class="tabBody" >
h4>System settings</h4>
</div>
</div>

<div class="settings Footer">

</div>

</div>

[logic_earth]

Re: Positioning problems with IE6 &amp; Firefox

The CSS would also be helpful.

[Marc]

Re: Positioning problems with IE6 &amp; Firefox

Have you got a parent element floated and the child elements not? In my
experience this causes the child element to "pop" out of its parent.


ta