Problème footer css

Bonsoir.
J'ai un petit souci avec les "div" de mon footer.
Voyez par vous-même:
ici

La seconde colonne de texte passe en dessous au lieu d'être à côté de l'autre comme je le souhaiterais.

Voici mon code css:

div#footer
{
	width: 672px;
	padding-top: 20px; 
	background: #F0F0F0;
	border: 1px solid #173c8d;
}

div#footer div#int_footer
{
	margin-left: 40px;
	width: 296px;
	border: 1px solid #173c8d ;
}

div#footer div#int_footer2
{
	margin-left:350px;
	width: 296px;
	border: 1px solid #173c8d;
}

Et le html:

	<div id="footer">
	            <div id="int_footer">
  				    <p>Lien</p>
	                <p>Lien</p>
	                <p>Lien</p>
				</div>
                <div id="int_footer2">				
	                <p>Lien</p>
	                <p>Lien</p>
					<p>Lien</p>
				</div>	
	</div>

Je ne comprend pas vraiment.
Merci pour votre aide.

Salut,

tu pourrais rajouter un

float : left;

à

div#int_footer

et un

overflow: hidden;

à

div#footer

Bon courage pour la suite

Merci beaucoup, le bloc se positionne bien à côté comme je le souhaitais.

Sujet résolu.