Box: Fehler in der Darstellung

[Krobbus]

Hallo,
wie in folgendem Link ersichtlich sieht die Box leider nicht so aus wie sie soll, denn unter dem Bild ist eine Lücke die ich dort nicht haben will. Welches Attribut ist dafür zuständig? Bin leider noch unerfahren mit css

Hier der Inhalt meiner Css datei der dafür zustänig sein könnte, ich hoffe ich habe nichts vergessen:

/* Basic tags */
a {background-color:inherit; color:#286ea0; font-weight:700; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.4em;}

/* Main content */
#content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 210px 5px; padding:0 10px;}
#contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:0 0 5px 210px; padding:0 0 0 10px;}
#contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 210px 5px 0; padding:0 10px 0 0;}
#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
#content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}


.post { width: 510px;
    margin-bottom: 20px;
}

.post .title {
    padding: 0 20px;
}

.post .story {
    padding: 0 20px;
}

.post .meta {
    padding: 5px 20px;
    background: url(img/img09.gif) repeat-x;
}

.post .meta p {
    margin: 0;
    font-size: 77%;
}

.boxed .title {
    height: 32px;
    margin: 0;
    padding: 8px 0 0 20px;
    background: url(img/img08.jpg) no-repeat;
    letter-spacing: -1px;
    color: #FF3300;
}

.boxed .story {
    padding: 20px;
    border: 1px solid #FF8D17;
}

.boxed .meta {
    padding: 5px 10px;
    background: #FF8D17;
    color: #FFFFFF;
}

.boxed .meta a {
    color: #FFFFFF;
}

Und der PHP-Code_

    <div id="content">
      
  

            <div class="post boxed">
                <h2 class="title">A Few Examples of Common Tags</h2>
                <div class="story">
                    <p><strong></strong>This is an example of a paragraph followed by a blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
                    <blockquote>
                    <p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio</p>
                    </blockquote>
                    <h3>Heading Level Three</h3>
                    <p>An unordered list example:</p>
                    <ul>
                        <li>List item number one</li>
                        <li>List item number two</li>
                        <li>List item number three </li>
                    </ul>
                    <p>An ordered list example:</p>
                    <ol>
                        <li>List item number one</li>
                        <li>List item number two</li>
                        <li>List item number three</li>
                    </ol>
                </div>
                <div class="meta">
                    <p class="date">Posted on February 22, 2007 by Admin</p>
                    <p class="file">Filed under <a href="#">Uncategorized</a> | <a href="#">Edit</a> | <a href="#">28 Comments</a></p>
                </div>


            </div>


    </div>

 

[prm]

Setze mal bei .title noch den margin auf "Null".
Die Browser verwenden für Elemente wie h, p oder ul oft unterschiedliche Standardwerte.
Unterschiedliche Abstände in verschiedenen Browsern

 

[Krobbus]

Habe ich gemacht, hat sich aber leider nichts durch geändert, die lücke ist immer noch da :(

.post .title {
    margin: 0;
    padding: 0 20px;