Spacing Between Buttons


I’m a CSS beginner (US citizen living and working as a freelancer in Berlin Germany–Guten Tag) and am looking for some help with some spacing between buttons. The buttons I’m having trouble with are the horizontal buttons under the large ZIELE (Goal in English) button in the center of the website at I’m using Wordpress as my CMS and trying to make the site work as a liquid layout.

My main issue is when the top 4 buttons (Rucken & Nacken, Muskel, Abnehmen, and Wohlbefinden) are “on/clicked/active/current” the rest of the buttons move down or over to allow for the extra space that is added because of the border outline. If I remove the border outline it works fine but my client wants the outline. I’ve tried tweaking the margins, padding and width and continue to have problems.

The other issue is that I can’t get all the buttons to align correctly under the ZIELE button from end to end. I’m sure this has something to do with the Liquid part of my layout.

Here is my CSS code. I included the code for the main body and large ZIELE button just in case.

body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;

.topmenu_title	/* Button Ziele (Goal in English) */
   font: bold 16px Verdana, Arial, Helvetica, Sans-Serif;
   text-align: center;
   margin: 5px auto 0 auto;
   padding: 7px 5px 7px 9px;
   border: 1px solid #c7c2bc; 

ul.topmenu_buttons {  /* Buttons Rucken & Nacken (Back & Neck in English), etc. */
width: 99.5%;
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;

ul.topmenu_buttons li
font: bold 16px Verdana, Arial, Helvetica, Sans-Serif;
text-align: center;
float: left;
margin: 4px 4px 0 1px;
padding: 7px 1px 7px 0;
border: none;
display: inline;
overflow: hidden;

Here is the HTML for the buttons:

<div class="topmenu_title"><a href="" title="Ziele">Ziele</a></div>
<ul class="topmenu_buttons">
&lt;?php wp_list_pages('child_of=27&title_li=0&sort_column=menu_order'); ?&gt;

Any help would be appreciated.  I'm at my wits end.

Hi Kyllle.

I just tried it in both IE and FF and it’s looking okay to me. The site is physically located in the US too not here in Germany. Can you try again?

Thanks in advance.

hey Jennifer, im having trouble loading the page there?

My colleague just told me there was an outage at our service provider and our site was down. All seems to be up now.

Thanks again for any and all help.