Closing the gap between two (columns) boxes

I've have this code on the web page for two boxes (columns) side by side.
And code for the css file.

I'd like to lessen the gap between these boxes, so they are closer together and side by side, but after trying, I can't seem to figure out how to do it.

Help would be appreciated.

<div id="column1"><font face="Arial" color="#EE7600" size="4"><img src="images/red.jpg" alt="" width="25" height="25"> <b>&nbsp;TEXT</b></font><font face="Arial" color="#6B6B6B" size="2"><br> text, text, text, text, text, text </div>

<div id="column2"><font face="Arial" color="#EE7600" size="4"><img src="images/green.jpg" alt="" width="25" height="25"><b>&nbsp;TEXT </b></font><font face="Arial" color="#6B6B6B" size="2"><br> text, text, text, text, text, text</font></div>

Code (markup):

/* START CSS */

#content {
    float: left;
    width: 596px;
    padding-left: 35px;
    background-color: #ffffff;
}
#column1 {
       float: left;
       padding: 0px;
       padding-left: 35px;
       background-color: #ffffff;
       width: 310px; 
}
#column2 {
       float: left;
       padding: 1px;
       padding-left: 0px;
       background-color: #ffffff;
       width: 160px;
}


/* END CSS */

Code (markup):

 

try including margin:0

 

It is "cell spacing" you need to look at.

Notting

 

Cell spacing. Where should i look?

 

Odds are, they are in a table, and the code for that table is going to be above what you just posted.

Here's a scrap off my page...

<table width="900" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#00FF00" bgcolor="#FFFFFF">
<tr>
<td width="900" height="200" valign="top" background="http://www.mdvaden.com/images/logo_7.jpg">

Its usually right after the table data