Question

Here is my last chance for this ‘probably’ a CSS problem.

This is the problem page.
http://mentor.com.tr/?page_id=81

The site is built on wordpress. And generated posts are displayed as unordered lists.

    <ul class="lcp_catlist">
    <li>
    <li>
    <li>
    ...
    </ul>

All the <li>‘s are floated to the left. But as you will see there’s one strange gap on the left row. That is my problem. How can I fix that? I’m going crazy with this.

Gap:

Answer 1

You can specify an explicit height for the li elements

ul.lcp_catlist li {
    ...
    height: 240px;
}