Décallage vertical d'une ligne de bordure

Bonjour, j'aurai besoin d'un conseil quant à la délimitation de mon site internet :

Je souhaite séparer la partie centrale (center) de la colonne de droite (sidebar) par une ligne de cette façon :

#page { 
	width:880px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 25px 35px 25px;
	border: 5px solid #d5e6eb;
	}

#center {
	width:564px;
	padding-left:11px;
	padding-right:12px;
	margin-top: -2px;
	text-align:justify;
	}

#sidebar {
	width: 250px;
	float:right;
	[b]border-left: 3px solid #d5e6eb;[/b]
	padding-left:9px;
	margin-top: 5px;

Cela fonctionne bien, mais je voudrais décaler de quelques pixels la ligne de délimitation du haut de la page tout en gardant le contenu de la colonne de droite en haut.

J'avais pensé à répéter une image de haut en bas, mais le problème du décalage depuis le haut reste . . .

Merci

Hello,

Perso, j'ai pas compris ce que tu voudrais faire...

Je pense qu'une petite esquisse graphique s'impose

Salut,

Tu peux toujours créer une image qui ressemblerait à ce symbole :

|

Et la mettre en

background:url(...) top left no-repeat;

dans ton div colonne droite...mais c'est un peu de la triche!

Bonjour,

Comme suggéré, la solution qui s'impose consiste en une image d'arrière-plan qui se répète.
Il suffit juste de ne pas la faire commencer en haut du conteneur, mais quelques px plus bas.
Pour cela, il suffit de remplacer top par une valeur de quelques pixels.

oki, merci bcp