Re: margin-top on HR, DL with floated DDs

Marek Mänd wrote:

I have question regarding (clearing) floats and margin-top on DL and HR
elements.

http://www.hot.ee/idaliiga/testcases...g-selector.htm

Namely the IE6 doesnt calculate the margin-top on the DL (definition
list) element correctly. It starts to add topmargin at current fontsizes
and layout when i tell him to have 38px topmargin. Can this be fixed
somehow to normal?

The second question about MOZILLA FIREFOX1.02 is how do i make him to
understand the margin top set to HR eement told by:

hr.separatorlinebeforeformcontrols{margin-top:10px;margin-bottom:10px;}
br class="CA"/><hr class="separatorlinebeforeformcontrols"/

it doesnt listen my instructions very well and draws the horizontal rule
right after the definition list without no margin-top. What properties
must i add or delete to get 10px gap?

Re. your HR problem:

It's because the images are floated, are therefore out of the flow, and
the margin-top of the horizontal rule calculation must come down the
height of the two images (423px which includes the two radio button
portions) and then add your desired 10px - resulting in the 433px
requirement to get what you want.

IE has all kinds of problems.

--
Gus