redimensionner image d'entête d'un div

[khaled_s]

Bonjour,
Après une longue recherche et essais, je poste ce message espérant trouver une solution à mon problème.
j'ai mis une image background pour l'entête H4 de mon div. je voudrais que cette image soit redimensionnable en fonction de la largeur de mon div.
voici le css de la balise H4

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	background: url(../images/header_menu.gif) no-repeat scroll left top transparent;
  border-bottom: 1px solid #595A5E;
  color: #374853;
  font-size: 1.2em;
  font-weight: bold;
  height: 25px;
  width: 290px;
  padding-left:15px;
  padding-top: 17px;
  margin-top: -13px; 
  margin-right: 5px;
  margin-bottom: 2px;
  margin-left: 2px;
  text-transform: uppercase;
  color: white;

et le css du div

Code :

1
2
3
4
5
6
7
8
9
#suivre_rdv {
	/*background: none repeat scroll 0 0 yellow;*/
	border: 1px solid;
	float: left;
	width: 315px;
	margin: 0 0 0 0;
	height: 100%;
	padding: 4px;
}

j'ai essayé également de mettre le width du H4 en 100% et plusieurs astuces sans résultat...

Merci d'avance de vos réponses.

[Meloooo]

Salut,
La taille de ton background est de 290px et la taille de ton div est de 315px...
Essayes de mettre ton background et ton div à la même largeur.

[Bisûnûrs]

Ne pas avoir une image fixe, telle est la clef.
Tu peux t'inspirer de ce tuto :
http://cssglobe.developpez.com/tutor...imensionnable/