Background image for titles

Hi,
I have a problem with my menu title (H2), i ‘m trying to put an background image for the title ‘meta’ (outils) and ‘categorie’ (themes) but it’s not working properly.

this is my css :

/* Sidebars */

/* Colour of left sidebar menu header */
#sidebar h2.pages, #sidebar li h2 {

}

/* Left sidebar */

#sidebar {
	width: 200px;
	padding: 0 0 10px 0;
	margin: 0;
	background-color: #F9F7F6;
}

#sidebar ul {
	margin: 0;
	padding: 0;
		background-color: #F9F7F6;	

}

#sidebar li {
	list-style: none;
	margin: 10px 0 10px 0px;
	padding: 0px 0 15px 0px;

}

#sidebar h2.pages {
	padding: 5px 10px 10px 2px;
	margin: 5px 0 0px 0;
	font-size: 1.2em;
	color: #ffffff;
    text-align:right;
}

#sidebar li h2 {
	color: #fff;
	font-size: 1.2em;
	text-align:right;
	margin: 10px 5px 5px 0;
	padding: 5px 5px 0px 20px;
}

#sidebar a {
	font-size: 1em;
	color: #6b6b6b;
	font-weight: bold;
	text-decoration: none;
}
#sidebar a {
	font-size: 1em;
	color: #6b6b6b;
	font-weight: bold;
	text-decoration: none;
}

#sidebar li li {
	padding: 0;
	margin: 0 0 0 20px;
}

#sidebar  li li a {
	background: url(images/bg_bullet_full_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}

#sidebar li li a:hover {
	background: url(images/bg_bullet_full_2.gif) no-repeat left;
	color: #0F2F7E;
	text-decoration: underline;
}

#sidebar li li li {
	padding: 0;
	margin: 0 0 0 10px;
}

#sidebar li li li a {
	background: url(images/bg_bullet_half_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}

#sidebar li li li a:hover {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	color: #2a5a8a;
	text-decoration: underline;
}

#sidebar li.recentcomments {
	padding: 2px 0 2px 0;
	margin: 0 10px 0 10px;
	font-size: 1em;
	border-bottom: 1px solid #BEBEBE;
}

#sidebar li.recentcomments a {
	font-size: 1em;
	background-image: none;
}

#sidebar li#recentposts ul li.recentposts a {
	padding: 0;
	margin: 0;
	background-image: none;
	font-size: 0.95em;
} 

#sidebar li#recentposts ul li.recentposts {
	border-bottom: 1px solid #BEBEBE;
	margin: 0 10px 0 10px;
	padding: 2px 0 2px 0;
}

/*
//////////////////////////////// widget ////////////////////////////////
*/

#sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
	margin: 0;
}

#right-sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
	margin: 0;
}

#sidebar div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#sidebar div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 0 0 0 15px;
}

#sidebar #wp-calendar {
	text-align: center;
}

#sidebar #wp-calendar a {
	text-decoration: none;
}

#sidebar td {
	font-size: 0.9em;
	border: 1px solid #0f2f7e;
	padding: 3px;
	background-color: #ffffff;
}

#sidebar td.pad {
	border: none;
	background: transparent;
}

#sidebar td#prev, #sidebar td#next {
	border: none;
	background: transparent;
}

#sidebar #today {
	background-color: #f8f9d6;
}

/*
//////////////////////////////// Category ////////////////////////////////
*/

#categorie h2{
	background:url(images/colG_archives.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 35px;
	padding:0px;
	margin:0px;
}

/*
//////////////////////////////// Archives ////////////////////////////////
*/

#archives h2{
	background:url(images/colG_archives.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 35px;
	padding:0px;
	margin:0px;
}

/*
//////////////////////////////// links ////////////////////////////////
*/

#links h2{
	background:url(images/colG_en_savoir_plus.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 35px;
	padding:0px;
	margin:0px;
}

/*
//////////////////////////////// Outils ////////////////////////////////
*/

#outils{
	background:url(images/images/colG_outils.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 35px;
	padding:0px;
	margin:0px;
}

and there is my link