h3 gap want to get rid of space after before hr

For some reason there is a gap before the hr.

Here is the relevant code-how do I get rid of the gap? TIA!!:
#contentinside p {
font-size: 75%;
}
#contentinside h4 {
font-size: 90%;
margin: 0;
padding: 0;
}
hr { margin: 0;
padding: 0;
clear: both;
}


<div id="contentinside">

<img src="images/main.jpg" alt="" id="image1" />

<h3><a href="consult.cfm?id=8">Intelligence</a></h3>
<hr />
<h4> Intelligence</h4>