Menu horizontal [problema]

[kenyis01]

Buenas, seguramente mi problema sea muy tonto, pero no le pude encontrar el error jajaja, la cuestión es que quiero hacer un menú horizontal, aplique todo bien (creo) y me queda verticalmente sin ningún efecto que le hice: pueden verlo en www.bender-online.com.ar/alejo
Dejo el código:

Código HTML:

<div id="menubar">
    <ul id=”button”>
     <li><a href=”#”>¿QUIENES SOMOS?</a></li>
     <li><a href=”#”>PROFESIONALES</a></li>
     <li><a href=”#”>CARRERAS Y CURSOS</a></li>
     <li><a href=”#”>PUBLICACIONES</a></li>
     <li><a href=”#”>AGENDA</a></li>
     <li><a href=”#”>CONTÁCTESE</a></li>
 </ul>  
</div> 

CSS:

Código CSS:

body {
background-color: #c7b9a2;
width: 100%;
margin: 0;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
 
font-size: 11px;
font-weight: bold;
color: #8c7947;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #5d7f8c;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #5d7f8c;
text-decoration: underline;
}
#wrapper {
width:960px;
border: 0;
background-color: #FFFFFF;
}
#banner {
background-color: #FFFFFF;
width: 960px;
height: 128px;
border: 0;
}
#menubar {
width: 960px;
height: 38px;
border: 0;
}
#button {
padding: 0;
width: 960px;
}
#button li {
display: inline;
}
#button li a {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}
#button li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
}
#left_col{
background-color: #FFFFFF;
float: left;
width: 195px;
}
.arial10_rojo-link{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #5d7f8c;
text-decoration: none;
padding-left: 10px;
}
.titulo_seccion {
font-family:Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #8c7947;
text-decoration: none;
}
.menuv {
border: 1px solid #f1f2e8;
border-width: 1px 1px 0 1px;
width: 180px;
font: 80% "Sans-Serif", Arial, Helvetica, sans-serif;
margin-top:-12px;
}
.menuv ul, li {
list-style-type: none;
}
.menuv ul {
margin: 0;
padding: 0;
}
.menuv li {
border-bottom: 1px solid #f1f2e8;
}
.menuv a {
text-decoration: underline;
color: #5d7f8c;
background: #bfbcaa;
display: block;
padding: 3px 6px;
width: 167px;
}
.menuv a:hover {
text-decoration: underline;
background: #d7d5c7;
}
#right_col {
float: right;
background-color: white;
width: 195px;
}
#page_content {
background-image:url('imagenes/content.jpg');
background-color: white;
width: 570px;
margin-top: 0px;
}
#content {
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
text-align:left;
}
#footer {
padding-left: 10px;
margin-top: -12px;
margin-left: 10px;
margin-right: 10px;
text-align:left;
}
#footer2 {
margin-top: -8px;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
text-align:left;
}
 

Alguna solución? Muchas gracias =)

[vgonga1986]

Tu problema es tan simple como esto:

Código:

<div id="menubar">
    <ul id=”button”>

No ves que las dobles comillas de "menubar" son diferentes que las de "button". Cambialás, yo he hecho eso localmente y se me ve perfecto, será de un copy-paste.

Un saludo.