Ho provato quel codice e non vedo quale sia il problema a cui ti riferisci:
codice:
<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      .menu-strip {
          background: #070808;
          margin: 1em 0;
          padding: 1em 0em 0.8em 0px;
         
      }
      .menu-strip ul li {
          display:inline-block;
      }
      .menu-strip ul li a {
          color: #fff;
          font-size: 1.1em;
          font-weight: 400;
          font-family: 'bebasregular';
          text-decoration: none;
          padding: 1.1em 1.5533555em 0.9em;
      }
      .menu-strip ul li:last-child {
          text-align: right;
      }
      .menu-strip ul li a:hover {
          background: #cf0000;
          color: #fff;
      }
    </style>
  </head>
  <body>
    <div class="menu-strip">
      <ul>          

        <li><a href="Home.aspx">Home</a></li>
        <li><a href="News.aspx">Notizie</a></li>
        <li><a href="About.aspx">I nostri servizi</a></li>
        <li><a href="Brokers.aspx">Brokers</a></li>
        <li><a href="Chart.aspx">Grafici</a></li>
        <li><a href="Video.aspx">Video</a></li>
        <li><a href="Contact.aspx">Contatti</a></li>

      </ul>
    </div>
  </body>
</html>
Ottengo lo stesso risultato su vari browser ma le parole non mi sembrano attaccate come tu hai indicato.
... poi dipende dai punti di vista ma sono più propenso a pensare che sulla tua pagina ci sia dell'altro css che vada a sovrascrivere questo.

Eventualmente puoi postare un link ad una pagina pubblica ed indicare meglio dove sta il problema?