Menu horizantal em css

Assuntos Gerais
#1

Bom dia pessoal…criei um menu horizontal utilizando css mas ele não está funcionando no fire fox e funciona no ie e no edit plus.
Alguém me ajude segue o código para análise:

<HTML>
 <HEAD>
  <TITLE> Menu Com css </TITLE>
<style type="text/css">
#menu {
		
		width: 11em;
		padding: 0; 
		margin: 0;
		font: 12px Arial;
		background: #000; 
		border-top: 10px solid red; 
		border-bottom: 10px solid red;
		display:inline;

		
	   }
#menu li {
		  margin: 0.5em 0 0.5em 0.5em; 
		  float:left;
		  border: 2px dashed white;
         }
#menu li a {
	         margin:0; 
		     padding:0;
	         color: white;
			 
           }

#menu li a:hover { 
    			  background: #fff;
	              color: black; 
                  }
#menu li a:active { 
					background: #FFC125;
					color: #000; 
                   }
</style>
 </HEAD>
 <BODY>
    <ul >
      <li>
       <a href="http://www.globo.com">Globo</a>
      </li>
      <li>
       <a href="http://www.terra.com.br">Terra</a>
      </li>
      <li>
       <a href="http://www.uol.com.br">Uol</a>
      </li>
    </ul>
 &lt;/BODY&gt;
&lt;/HTML&gt;
#2

Desse jeito ele não vai funcionar direito em nenhum browser.
Voce esqueceu de dar o id para o UL.

Menu Com css #menu { 
    width: 11em;  
    padding: 0;   
    margin: 0;  
    font: 12px Arial;  
    background: #000;   
    border-top: 10px solid red;   
    border-bottom: 10px solid red;  
    display:inline;  

      
   }

#menu li {
margin: 0.5em 0 0.5em 0.5em;
float:left;
border: 2px dashed white;
}
#menu li a {
margin:0;
padding:0;
color: white;

       }

#menu li a:hover {
background: #fff;
color: black;
}
#menu li a:active {
background: #FFC125;
color: #000;
}

#3

Blz eu coloquei o Id…olha o código, cria um arquivo html e testa pra voce ver no ie ele ta funcionando e no fire fox não!!!

&lt;HTML&gt;
 &lt;HEAD&gt;
  &lt;TITLE&gt; Menu Com css &lt;/TITLE&gt;
&lt;style type="text/css"&gt;
#menu {
		
		width: 11em;
		padding: 0; 
		margin: 0;
		font: 12px Arial;
		background: #000; 
		border-top: 10px solid red; 
		border-bottom: 10px solid red;
		display:inline;

		
	   }
#menu li {
		  margin: 0.5em 0 0.5em 0.5em; 
		  float:left;
		  border: 2px dashed white;
         }
#menu li a {
	         margin:0; 
		     padding:0;
	         color: white;
			 
           }

#menu li a:hover { 
    			  background: #fff;
	              color: black; 
                  }
#menu li a:active { 
					background: #FFC125;
					color: #000; 
                   }
&lt;/style&gt;
 &lt;/HEAD&gt;
 &lt;BODY&gt;
    <ul >
      <li>
       <a href="http://www.globo.com">Globo</a>
      </li>
      <li>
       <a href="http://www.terra.com.br">Terra</a>
      </li>
      <li>
       <a href="http://www.uol.com.br">Uol</a>
      </li>
    </ul>
 &lt;/BODY&gt;
&lt;/HTML&gt;
#4

O id nao ta aparecendo no post acima !!!

<HTML>
<HEAD>
<TITLE> Menu Com css </TITLE>
<style type=“text/css”>
#menu {

	width: 11em;
	padding: 0; 
	margin: 0;
	font: 12px Arial;
	background: #000; 
	border-top: 10px solid red; 
	border-bottom: 10px solid red;
	display:inline;

	
   }

#menu li {
margin: 0.5em 0 0.5em 0.5em;
float:left;
border: 2px dashed white;
}
#menu li a {
margin:0;
padding:0;
color: white;

       }

#menu li a:hover {
background: #fff;
color: black;
}
#menu li a:active {
background: #FFC125;
color: #000;
}
</style>
</HEAD>
<BODY>


</BODY>
</HTML>
#5
Menu Com css #menu { 
	width: 11em;
	padding: 0; 
	margin: 0;
	font: 12px Arial;
	background: #000; 
	border-top: 10px solid red; 
	border-bottom: 10px solid red;
	display:inline;

	
   }

#menu li {
margin: 0.5em 0 0.5em 0.5em;
float:left;
border: 2px dashed white;
}
#menu li a {
margin:0;
padding:0;
color: white;

       }

#menu li a:hover {
background: #fff;
color: black;
}
#menu li a:active {
background: #FFC125;
color: #000;
}

#6