Hey guys,

So I just went and installed my wordpress theme and it's doing some strange things. The problem is with the menu.. here's how it should look like (ignore the fact that it's not in english)

the code: http://jsfiddle.net/br9LwwLy/
the actual wp site: http://tasmaniandevilz.com/mima/

As you can see, the bottom border (underline) is not animated and there is a tiny gap under each menu item that is not the actual link - when I hover over that spot, the sub-menu disappears. Strangely enough, this is only the problem in Chrome.
I have no clue what's going on. The links are dynamically taken from the pages.. here's the header code.

HTML Code:
<div class='container'>
<header class='clearfix'>
<a href='<?php bloginfo('url'); ?>'><h1>Misia Máriina</h1></a>
<nav>
<ul>
<li>
<a class='bordermenu'><?php wp_list_pages('sort_column=menu_order&depth=2&exclude=359,368,441,439,443,516&title_li='); ?></a>
</li>
</ul>
</nav>
</header>
<img class='sep' src="<?php bloginfo('template_directory'); ?>/img/sep.png" />
</div>
There is one more error.. the special characters are encoded strangely on the home page. s16.postimg.org/dv9smvqk5/image.jpg It's weird that when you click on some of the links, it works alright. s16.postimg.org/5ohsvb0hh/image.jpg I am guessing there's some problem in the mysql database encoding? But why is it happening only on the home page?

Thanks guys