Messed up A to Z menu

I have had a problem using the A to Z on some themes, such as the Silver Orchid theme. by Gazpo.

They would stack the bullets directly on top of the Letter for each section. I tried changing all the setting in teh CSS and finally drummed across this one that works on all browsers without causing wrapping.

Change the .Glossary-menu-item to match the one below.

.glossary-menu-item{
  /* display: inline; */
  float: left;
  Padding-left: auto;
  padding-right: 2%;
  padding-top: 1px;
  padding-bottom: 1px;
  height: 22px;
}

This automatically set the margin for you. Not sure why this is a =such an issue on this theme but this does fix it.

My Glossary with the changes

Hope this helps someone else to avoid the trouble of tracking it down.