Marquee

div.marquee
{
    height: 20px;
    overflow: hidden;
    position: relative;
    width: auto;
}
div.marquee p
{
    height: auto;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
div.marquee p:nth-child(1)
{
    -moz-animation: left-one 17s ease infinite;
    -webkit-animation: left-one 17s ease infinite;
    animation: left-one 17s ease infinite;
}
div.marquee p:nth-child(2)
{
    -moz-animation: left-two 17s ease infinite;
    -webkit-animation: left-two 17s ease infinite;
    animation: left-two 17s ease infinite;
}
  /* Mozilla */
  @-moz-keyframes left-one {
    0%{-moz-transform:translateX(100%);}
    10% {-moz-transform:translateX(0);}
    40% {-moz-transform:translateX(0);}
    50% {-moz-transform:translateX(-100%);}
    100%{-moz-transform:translateX(-100%);}
  }
  @-moz-keyframes left-two {
    0% {-moz-transform:translateX(100%);}
    50% {-moz-transform:translateX(100%);}
    60% {-moz-transform:translateX(0);}
    90% {-moz-transform:translateX(0);}
    100%{-moz-transform:translateX(-100%);}
  }

  /* Chrome/Safari */
  @-webkit-keyframes left-one {
    0% {-webkit-transform:translateX(100%);}
    10% {-webkit-transform:translateX(0);}
    40% {-webkit-transform:translateX(0);}
    50% {-webkit-transform:translateX(-100%);}
    100%{-webkit-transform:translateX(-100%);}
  }
  @-webkit-keyframes left-two {
    0% {-webkit-transform:translateX(100%);}
    50% {-webkit-transform:translateX(100%);}
    60% {-webkit-transform:translateX(0);}
    90% {-webkit-transform:translateX(0);}
    100%{-webkit-transform:translateX(-100%);}
  }