Bonjour jeunes gens de bonnes familles.

Voici donc mon "problème" (entre guillemets parce que je peux passer outre aisément en changeant d'approche) :

J'ai un bloc (un <div>, par exemple) que j'aimerais "fixer" en haut de ma page.

Jusqu'ici, tout va bien grâce à :

1. fixe

{
   position: fixed;
   top: 10px;
   width: 780px;
   height: 100px;
   background: url("../images/titre.png");
}

Ok, il est en haut, et il "suit" la page quand je fais défiler le texte.
Mais évidemment, j'aimerais qu'il soit centré.
Et là, c'est le drame.

J'avoue que malgré mes recherches (peut-être mal menées ?), je ne trouve rien de probant.
margin ?
Il ne fait évidemment pas ce que j'espérais

left: xx%; ?
Oui, mais quel pourcentage, au juste ? J'ai bien sûr testé avec 50 %, c'était n'importe quoi, et avec 25% ça ressemblait vaguement à ce que j'espérais, mais je me doute bien que ça ne vaudra pas pour toutes les résolutions...

Bref, existe-t-il une propriété CSS qui, combinée à un position:fixed, me permette de centrer un bloc ?

Merci d'avance !

1. fixe {

position: fixed;
top: 10px;
width: 780px;
height: 100px;
background: url("../images/titre.png");
}

1. centre {

width:780px;
margin:auto;
}

<div id="centre"><div id="fixe"></div></div>

Attention, ie n'est pas la propriété fixed.

Merci de m'avoir prévenu, je ferai une feuille CSS pour IE et une pour "le monde civilisé"
Et merci pour le code
A bientôt !