Styling Empty HTML markup

Styling Empty HTML markup

I have a right side bar in my design that pulls in testimonials, if there
are any dynamically.
so it's like
<h4> dynamic content</h4>
here is my css
#testimonials {
background: #eeeeee; padding: 30px; width: auto; height: auto;
}
#testimonials h4{
font-size: 20px; line-height: 30px; font-family: "freight-big-pro";
font-style: italic;
border-bottom: 1px solid #666; padding-bottom: 20px; padding-top: 20px;
}
#testimonials h4 strong{
display: block; font-family: "freight-sans-pro", sans-serif;
font-style: normal; font-size: 12px;
}
the issue is that when here is not content, the style is still picking up
and adding a background and a border as per css. I am assuming that it's
generating the h4. Is there a way to have it be empty if there is not any
content..?