un display: block su dei button dropdown che un pò funziona e un pò non funziona...

[theseo]

ciao a tutti, ho una pagina con tanti bottoni dropdown che vorrei si aprissero appena il mouse ci va sopra, allora ho messo nel css-->

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown:hover .dropdown-menu {
    display: block;
 }

beh funziona ma certe volte il menù che scende si riesce a cliccare altre volte no, così... random...
ma com'è possibile? dove sbaglio?

qui il codice dei button

  <div class="btn-group" ><div class="dropdown">
  <button type="button" class="btn btn-success dropdown-toggle" >
    RICAMBI <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="ardea/carrozzeria.php">carrozzeria</a></li>
    <li><a href="ardea/elettrico.php">impianto elettrico</a></li>
  </ul></div>
  </div>

qui la pagina
http://www.oldlanciaspares.com/indexpp.php