Text is not completely being displayed inside a div?

You can see everything in the picture (CSS, the behavior and divs).

The lower part of the p letter and g letter are hidden by the div.

http://img573.imageshack.us/img573/3553/screenshot3m.png

EDIT:

style.css:

/* Structure */
.container {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}
#header, #intro, #tagline, #content {
    background: url(images/bg.png) top center repeat;
}
#branding, .content, .content-block, .posts, #footer a {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
#intro h2, #content h2, #nav li a {
    text-shadow: 0 1px 0 #FFF;
}
/* Header */
#header {
}
#header a {
    color: #333
开发者_StackOverflow中文版}
#header a:hover {
    color: #28A
}
#branding {
    float: left;
    margin: 10px 0 10px;
    width: 940px;
}
#header h1, #lang {
    margin: 20px 0 12px;
    width: 280px;
}
#header h1 {
    float: left;
    width: 280px;
}
#nav {
    float: left;
    margin: 32px 0 10px;
}
#nav li {
    float: left;
}
#nav li a {
    font-size: 14px;
    font-weight: 400;
    margin: 0 40px 0 0;
}
#lang {
    float: right;
}
#lang li {
    float: left;
}
#lang li a {
    font-size: 10px;
    margin: 0 0 0 30px;
}
/* Intro */
#intro, #intro2 {
    background: #333;
    padding: 30px 0;
}
#intro {
    height: 400px;
}
#intro2 {
    background: #333;
    padding: 30px 0;
}
#intro2 h2 {
    color: #DDD;
}

...

You can try add css attribute line-height

.content h2{line-height: 35px;}