hi
i got this html code:

<dl>
<h3>Title</h3>
<dt>text</dt>
<dd class="mail"><span>Email</span>Text<dd>
<dd><span>Text</span>---</dd>
<dd><span>Text</span>---</dd>
<h3>Title</h3>
<dt>text</dt>
<dd class="mail"><span>Email</span>text</dd>
<dd><span>text</span>text</dd>
<dd><span>text</span>text<dd>
and so on..
</dl>

dd's are floated left and have fixed width. Problem is in Ie7 (and i guess ie 6 too), the dd folowin title gets beside the last dd insted of going below (it works fine in firefox).
Anyone has any idea about that?

Vitto

Could you please explain why you need H3 tags in a DL? I asked because the tag DL cannot contain a H3 tag.
Try to see what happen if you remove the H3 tags out of the DL.

Or you can try it this way:
<h3>Title</h3>
<dl>
<dt>text</dt>
<dd class="mail"><span>Email</span>Text</dd>
<dd><span>Text</span>---</dd>
<dd><span>Text</span>---</dd>
</dl>

<h3>Title</h3>
<dl>
<dt>text</dt>
<dd class="mail"><span>Email</span>text</dd>
<dd><span>text</span>text</dd>
<dd><span>text</span>text</dd>
</dl>

You may want to check out "Definition lists - misused or misunderstood? " at http://www.maxdesign.com.au/presentation/definition/.

Edited: If possible, try to include your CSS so we can be able to pinpoint the problem easily.

hi everybody

here's the page i'm working on:

http://www.selectiontop.it/newarea/contattis.php

and this is the related bit of css:

#listaContatti{overflow:hidden;width:100%;}
#listaContatti dt{font-size:11px;font-style:italic;margin-top:-5px;padding-bottom:5px;clear:both;}
#listaContatti dd{float:left;width:27%;padding-bottom:15px;margin-bottom:10px;background:url(../img/puntini.gif) bottom left repeat-x;}
#listaContatti dd span{display:block;font-weight:bold;}
#listaContatti dd.mail{width:45%;}
#listaContatti dd a{color:#034ba3;}

--> WhereIsThatDeafGuy about the h3 title:
i put it outside the dt because of a strange behaviour in firefox due to the sIFR i'm using on it: in firefox the whole generated h3 tag gets outside the dt (where I firstly put it) causing some space problem, therefore i just moved it outside to control it better.

--> davist11: if i clear: left the dd all of them are put below heach other, while they must be side by side.
--> to all: i tried variuos clear on all the element (h3, dt, dd) but nothing works in ie..

thanks vitto