li con css e imagen display inline

[dual3nigma]

Hola. Pues cheque tu código y había algunos errores de sintáxis. A mi me funciona bien, agregue un bloque con clear al final para evitar problemas con flotantes. No entendi bien por que tenias un float:left en el mainbody. Si tienes más problemas sería mejor que dijeras como quieres que se vea.

Saludos!

Código HTML:

<div id="mainbody"> 
    <div id="content"> 
        <div id="path"><span class="pathway">Principal</span></div> 
        <div class="inside"><p><?php include("modulos/noticias.php");?></p>
            <div id="ganadores-wrapper"> 
                <div class="encabezados">Ganadores de TRé-CH(É) Short Fest '09</div> 
                    <div class="ganadores-carousel"> 
                         <ul> 
                             <li>
                                <a href="" target="_self"><img src="/images/imagen01.jpg" alt="Imagen 01" width="156px" /></a> 
                                 <p><strong>Película: </strong>Pelicula Numero 1 </p> 
                                 <p><strong>Categoría: </strong>Mejor Cortometraje Documental</p> 
                                 <p class="dotted"><strong>Director: </strong>Director Numero 1</p> 
                                 <p><strong>Lugar de origen: </strong>España</p> 
                                 <p><a href="#" target="_self">Leer Más</a></p> 
                             </li> 
                             
                             <li>
                                <a href="" target="_self"><img src="/images/imagen02.jpg" alt="Imagen 02" width="156px" /></a> 
                                 <p><strong>Película: </strong>Pelicula Numero 2</p> 
                                 <p><strong>Categoria: </strong>Mejor Cortometraje Documental</p> 
                                 <p class="dotted"><strong>Director: </strong>Director Numero 2</p> 
                                 <p><strong>Lugar de origen: </strong>USA</p> 
                                 <p><a href="#" target="_self">Leer Más</a></p> 
                             </li> 
                            
                             <li>
                                <a href="" target="_self"><img src="/images/imagen01.jpg" alt="Imagen 01" width="156px" /></a> 
                                 <p><strong>Película: </strong>Película Numero 3 </p> 
                                 <p><strong>Categoría: </strong>Mejor Cortometraje Documental</p> 
                                 <p class="dotted"><strong>Director: </strong>Director Numero 3</p> 
                                 <p><strong>Lugar de origen: </strong>México</p> 
                                 <p><a href="#" target="_self">Leer Más</a></p> 
                             </li> 
                         </ul>
                        <div class="clear"></div>
                </div><!-- Fin de ganadores-carousel -->
            </div><!-- Fin de ganadores-wrapper -->
        </div><!-- Fin de inside -->
    </div><!-- Fin de content -->
</div><!-- Fin de mainbody -->
 

Código CSS:

#mainbody {
    width:60%;
}
 
#content {
    width:100%;
    margin-left:25px;
}
 
#path{
    width:90%;
    margin-left:20px;
}
 
.pathway{ 
    font-weight:bold;
}
 
.inside {
    padding:10px;
}
 
 
.encabezados{
    color: #03457e;
    padding-left:30px;
    text-align: left;
    background: url(img/star.jpg) no-repeat left center;
    font: normal 24px "Times New Roman", Times, serif;
}
 
#ganadores-wrapper{ 
    width: 100%;    
}
 
.ganadores-carousel{
    width:100%;
}
 
.ganadores-carousel ul{
    list-style:none;
    padding:0;
    margin:0;
}
 
.ganadores-carousel li{
    display:block;
    width: 156px;
    margin-right:15px;
    float:left;
 
}
.ganadores-carousel p{
    color:#8E8F9B;
    margin: 2px 0;
}
 
.ganadores-carousel strong{
    color:#BE691B;
}
 
.ganadores-carousel a{
    color:#C3843E;
}
 
.ganadores-carousel li p.dotted{
    border-top: 1px #686868 dotted;
    padding: 5px 0;
    margin: 5px 0;
}
 
.clear{
    clear:both;
}
 
.imagen{
    width:156px;
    height:105px;
    background:#333;
}