Need Help. Getting a Wierd Problem

Im working on the anime site layout I brought. I don't know HTML. But I know how to edit it ok.

Well anyway. I have a problem with the top menu on my site. I have done an upload of the index/images to one of my sites.
You can see it here: EcashMethods.com/Grab_Anime

I have the problem that the links in the menu bar are cramped. When you hover over one it goes back to normal. And then as soon as your mouse leaves the link it cramps up again.

Here is the coding for the menu bar:

<div id="contain_top_nav_hold">
      <div id="contain_top_nav_pt1"></div>
      <div id="contain_top_nav_pt2">
        <div class="contain_top_nav_pt2_button"><a href="index.html">Home</a><br></div>
        <div class="contain_top_nav_pt2_button"><a href="streaming.html">Streaming</a><br></div>
        <div class="contain_top_nav_pt2_button"><a href="manga.html">Manga</a><br></div>
        <div class="contain_top_nav_pt2_button"><a href="forum.html">Forum</a><br></div>
        <div class="contain_top_nav_pt2_button"><a href="tools.html">Tools</a></div>
      </div>

Code (markup):

Could someone please help me and tell me what is causing this problem and how I may fix it?

 

It is the effect of the menus. I don't see any problem in the url you gave .

 

For me and the people who have viewed the site I gave. All the top menu links have been cramped together. Not the side ones. But the one on top. On the green bit under the speech bubble