Css menu

1

helo all,

i am traing make a css menu,but it good in IE and not work in Firfox,what is going wrong in my code ,plese help me.
sidhu>G

#ul{
width:100px;
padding:5px;

background-color:#000000;
text-align:center;
}
#ul li{
display:block;
}
#ul li a{
float:left;
padding:10px;

width:100%;
background-color:#FFFFFF;
color:#000000;

text-decoration:none;
}
#ul li a:hover{

width:100px;
background-color:#FF0000;

text-decoration:none;
}
</style>
</head>

<body>
<ul id=“ul”>

&lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="products.html"&gt;Products&lt;/a&gt;&lt;/li&gt;

</ul>