Mijn website die ik vandaag in elkaar aan het zetten was werkt goed in firefox. maar in ie7 ziet het er niet zo goed uit heb zelf al het een en ander geprobeerd maar ik kom er niet uit.
Site www.topcreation.nl/portfolio-logo.php

hier de html code waar het om gaat::

Code:

<!-- Content -->
            <div id=\"content\" class=\"rounded\">
                
                <h2>Logo Portfolio</h2>
 
<div class=\"portfoliopage\">
            
                <ul>
<li><div><a href=\"images/portfolio/Logo's/Thumb-big/logo1-big.png\" rel=\"lightbox\"><img src=\"images/portfolio/Logo's/Thumb-small/logo1-small.png\" alt=\"portfolio item\" /></a><div><h3>Conzelo</h3><p>Conzelo project<br /><a href=\"#\">Lees meer..</a></p></div></li>

 <li><div><a href=\"images/portfolio/Logo's/Thumb-big/logo2-big.png\" rel=\"lightbox\"><img src=\"images/portfolio/Logo's/Thumb-small/logo2-small.png\" alt=\"portfolio item\" /></a><div><h3>Conzelo</h3><p>Conzelo project<br /><a href=\"#\">Lees meer..</a></p></div></li>

 <li><div><a href=\"images/portfolio/Logo's/Thumb-big/logo21-big.png\" rel=\"lightbox\"><img src=\"images/portfolio/Logo's/Thumb-small/logo21-small.png\" alt=\"portfolio item\" /></a><div><h3>Conzelo</h3><p>Conzelo project<br /><a href=\"#\">Lees meer..</a></p></div></li>

               </ul>
            </div>

                
            </div>
            <!-- End Content -->";

hier de css code waar het om gaat::

Code:

/* portfoliopage */
            div.portfoliopage    {    height: 129px;    padding: 0 0 14px 0; }
            
                div.portfoliopage ul            {    list-style: none;    margin: 0; padding: 11px 0 0 1px;  }
                div.portfoliopage ul li            {    float: left;    padding: 8px 0 10px 18px; }
                div.portfoliopage ul li div        {    border: 1px SOLID #FFF;    padding: 3px; background: #e9e9e9; overflow: hidden;}
                div.portfoliopage ul li div div        {    border: none;    float: top;    padding: 3px 10px; width: 128px;}
                div.portfoliopage ul li div div    h3,
                div.portfoliopage ul li div div    p    {    margin: 0;    padding: 0; }
                div.portfoliopage ul li div div    h3    {    color: #30a5f6;    font-size: 11px; }
                div.portfoliopage ul li div div    p    {    color: #4e4d4d;    font-size: 11px; }
                div.portfoliopage ul li div div    p a    {    color: #afafaf;    text-decoration: none; }
                div.portfoliopage ul li a img        {    border: none;    float: left; }

Met vriendelijke groet

justin

Het LI element heeft geen breedte!

Daarnaast is het niet nodig om alles in een lijst te zetten en daar diverse divs in te plaatsen.
1 enkele div doet het ook en maakt eea. een stuk overzichtelijker.