Hi list, I'm trying to display a list of picture, with a div that should go over the picture, since the list contains 13 pictures, the list wraps after the third and it start a new line. when this happens the div that should be over the image stay on the top line, and I couldn't figure out what was causing this behavior and I need your help.
You can see the problem here: http://www.zerocinco.com.br/code on the right sidebar unde "Nossa equipe", you can see where the first one is displayed and the 4 one, who should be displayed under the first picture on the second line, is show on the first line on the right. Here is this section code only: HTML: (repeated 13 times) <span class="bubbleInfo"> <img class="trigger" src="<?php bloginfo('template_directory'); ?>/images/clients_bottero.jpg" alt="Alam"> <div class="popup"> <p><strong>Nome:</strong>Alam</p> <p><strong>Cargo:</strong>Produção gráfica</p> <p><strong>E-mail:</strong>[EMAIL PROTECTED]</p> </div> </span> CSS: .bubbleInfo { position: relative; } .popup { background:#333; border:1px solid #888; color:#fff; position:absolute; top:0; left:0; z-index:100; display:block; } #people img{ margin:5px 5px 0 10px; } Very big TIA for any advice on how to fix this. Marcelo Wolfgang ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
