Merge image to CSS box

[blockcipher]

I am having an issue with getting this working properly. I created an image that I want to connect to a css box. I cannot get rid of the white space between them.

To show you what I mean look at screenshot1.

Here is my code.

<div class="tab">
<img src="./images/outagetab.gif">
</div>
<div class="content2">
<P>
<p class="alert">Rescheduled due to parts: 7/10/07 - blah blah>

</div>

tab css

.tab {
position:relative;
width:auto;
margin:0px 0px 0px 170px;
z-index:3;
}

content css box

.content2 {
position:relative;
width:auto;
min-width:20px;
margin: 0px 10px 10px 170px;
border:1px solid #990000;
background-color:white;
padding:10px;
z-index:3;
}

I'm very new, so I know I'm doing something wrong

Any help would be greatly appreciated.

[blockcipher]

I added the following to my tab css code

margin-bottom: -5px;

That worked.

Thanks,