Mam problem z menu na mojej stronie, otóż zrobiłem je jako rozwijane (tzn najeżdża się kursorem na napis i pojawiają się submenu) i nie da się go wyśrodkować. Wrzuciłem
float: center;
w css, ale nadal nic. Podaję całe css:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
border: 0;
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
text-align: center;
float: center;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
float: center;
}
#cssmenu ul {
list-style: none;
float: center;
}
#cssmenu > ul {
float: center;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:first-child a {
}
#cssmenu > ul > li.active a,
#cssmenu > ul > li:hover > a {
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 131px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li a {
color: white;
display: block;
background: #83716c; border-bottom: 1px solid #655552; text-shadow: 0 0 0;
padding: 6px;
font-size: 10px;
width: 120px;
}
#cssmenu .has-sub ul li:hover a {
background: #655552; border-bottom: 1px solid #83716c;
font-size: 10px;
width: 120px;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #83716c; border-bottom: 1px solid #655552; border-left: 1px solid #655552; text-shadow: 0 0 0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #655552; border-bottom: 1px solid #83716c;
}
Byłbym wdzięczny za pomoc