Image coller en css

Bonjour,

j ai une feuille de style en %, j aimerai mettre une image qui touche sur la gauche (hors du cadre) le menu "navigation" j ai essayé avec des positions absolute et des z-index mais je ne trouve pas la solution

merci a tous

mon image pour l ex s'appelle plante.png

---------------------------------------------entete-----------------------------------


image plante.png/navigation principale secondaire


---------------------------------------------pied------------------------------------

et voici mon css

.espace1{
  margin-left:1em
}

.espace2{
  margin-left:3em
}

/* Général */ 
body {
	color: #F0E39E;
	background: #EAECD6;
}

a {
	color: #000000;
	text-decoration: none;
}

/* Navigation */
#navigation {
	color: #BECD32;
	background: #62584F;
	font-family: Gabriola;
	font-size: 25px;
}

#navigation a {
	color: #BECD32;
	text-decoration: none;
}

/* Contenu principal */
#principal {
	color: #62584F;
	background: #EAECD6;
	font-family: Gabriola;
	font-size: 25px;
}

/* Contenu secondaire */
#secondaire {
	color: #BECD32;
	background: #62584F;
	font-family: Gabriola;
	font-size: 25px;
}

/* Entete */
#entete {
	color: #000000;
	background: #BECD32;
	font-family: Gabriola;
}

#navigation a {
	color: #BECD32;
	text-decoration: none;
}

/* Pied */
#pied {
	color: #000000;
	background: #BECD32;
	font-family: Gabriola;
	font-size: 2em;
}




/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 6% 15%;
}
#global {
	width: 90%;
	max-width: 90em;
	min-width: 100%;
	margin-left: 1%;
	margin-right: 15%;
}

/* En-tête */
#entete {
	height: 6%;
	padding-top: 0%;
	padding-bottom: 1%;
}


/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 15%;
	height: 80%;
	padding-top: 2%;
	padding-bottom: 1%;
	padding-left: 3%;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 18%;
	height: 80%;
	padding-top: 2%;
	padding-bottom: 1%;
}

/* Contenu principal */
#principal {
	margin-left: 21%;
	margin-right: 26%;
	padding-top: 2%;
	padding-bottom: 1%;
}



/* Pied de page */
#pied {
	margin: 0;
	height: 6%;
	padding-left: 5%;
	padding-top: 1%;
	padding-bottom: 1%;
}