Error en diseño de listas <ul> en IE 9

[leoncito34]

hola gente .. tengo un problema para mostrar una lista .. como es normal en mozilla, chrome, opera anda bien y en internet explorer mal.. no soy un experto en css.. he probado varias opciones y no me resulta... dejo una imagen para que vean el problema y el codigo

Código PHP:

<ul class="relateditems<?php echo $moduleclass_sfx; ?>">
<?php foreach ($list as $item) :    ?>
 
    <a href="<?php echo $item->route; ?>">
        
        <div class="artrelacionados">
            
            <div class="fechaartrelacionados">
                <?php if ($showDate) echo JHTML::_('date', $item->created, JText::_('d M y')); ?>
            </div>
        
            <div class="contenidorelacionados">
                <?php echo $item->title; ?></a>
            </div>
        
        </div>
 
<?php endforeach; ?>
</ul>
 

Código CSS:

.artrelacionados { width: 100%; margin-top: 10px; padding: 0px; display:block; }
.fechaartrelacionados { background: #F5C20F;  width: 30%; float: left; padding: 10px 0px; margin-left: -21px !important; text-align: center; display: block; position: relative; }
.contenidorelacionados { background: #333; width: 67%; float: left; padding:10px; line-height: 1.3; border-bottom: 1px dotted #ccc; display: block; position: relative; }
 

Imagen de como muestra en mozilla y chrome bien y en IE mal

[ArturoGallegos]

eso es porque tu código esta sucio y mal estructurado... tienes suerte que en otros navegadores se vea bien

una lista es formada por

Código HTML:

<ul>
    <li>contendio</li>
</ul>
 

en tu código no veo que coloques <li> por ningún lado.