Tableau sur une image

bonjour alors voila le probléme; j'ai un tableau composer comme ceci :

#top
{
	padding-top:7px;
}

#barre_nav
{
	width:700px;
	margin:auto;
	text-align:left;
	border:1px solid #ededed;
	background:#fdfcfc;
	padding:0px 20px;
}

#barre_nav input
{
	border:1px solid #d0cfcf;
	background:#f9f5f5;
	color:#0a0a57;
	margin:4px 2px;
}

#barre_nav span
{
	display:block;
	float:right;
	position:relative;
	bottom:23px;
}

code html :

<div id="top">
    <div id="barre_nav">
	<form name="connection" method="POST" action="index.php?page=ici_ladresse_de_la_page">
		<img src="design/rechercher.gif" alt="recherche" /><input type="text" name="recherche" /><input type="submit" value="GO" />
	</form>
	<span><img src="design/vous_etes_sur.gif" alt="location" /><?php echo $_GET['page'];?></span>
    </div>
  </div>

mais le probleme c'est qu'enfaite ce tableau passe au dessus de mon logo qui se trouve juste en dessous

merci pour l'aide que vous nous apporter

enfaite sa fait sa :

http://img222.imageshack.us/img222/9683/sitenv0.png

Hello,

Tu parles d'un tableau, or il n'y en a pas dans le bout de code que tu donnes. Es-tu sûr de ton code ?

Ton div est positionné en flottant. Tu es bien sûr d'avoir compris les subtilités du positionnement flottant et des éléments autour ? (cf Tutoriels)

Raphael a écrit :
Hello,

Tu parles d'un tableau, or il n'y en a pas dans le bout de code que tu donnes. Es-tu sûr de ton code ?

Ton div est positionné en flottant. Tu es bien sûr d'avoir compris les subtilités du positionnement flottant et des éléments autour ? (cf Tutoriels)

quand je dit tableau je veut dire se qui entour, delimiter par la bordure

en revanche comment on fait pour pas qu'il soit flottant ?