Placer un Élément sur le côté droit avec les CSS

Je suis en train de placer une feuille css de l'élément à droite de l'en-tête mais vous ne savez pas exactement comment le faire. J'ai essayé d'utiliser:

 position: Absolute; top: 20px; right 0px; 

Qui pourrait fonctionner, mais si vous ajustez le navigateur, le texte se déplace avec elle.

J'ai créé un JFiddle que vous pouvez trouver ici:

http://jsfiddle.net/rKWXQ/

De cette façon, vous pouvez voir ce que je suis en train de faire. J'ai un texte à l'intérieur d'un enveloppé élément div qui dit Appeler (555) 555-5555.

Ici est l'élément d'en-tête et à l'intérieur des que j'ai un right_header élément.

    <div id="header">
        <span class="right_header">Call Now (555) 555-5555</span>
    </div>

Voici mon Header CSS:

   /* Header */
   #header {margin: auto; width: 1007px; height: 123px; background: url(../images/logo.png) no-repeat 20px; background-color: #37352b; border: 1px solid #862209;}
  .right_header{color: #fff; position: absolute; top: 70px; right: 0px}

Quelqu'un peut-il me dire la bonne façon d'y parvenir s'il vous plaît?

Remarque le côté gauche de logo, il ne chargera pas dans JFiddle!

Merci!

OriginalL'auteur Frank G. | 2013-10-09