ボタンじゃない部分にも、リンクがかぶってしまっています。
display:blockがかかったa要素にline-height: 38px;がかかってるとか、そのあたりじゃないでしょうか。
必要ないところは数値を固定しないとか、画像のサイズと指定数値を揃えるとか、そういったところに注意してスタイリングしていくといいです。
このあたりはWordPressじゃなくてCSSの話になるので、以下のページあたりを参考に学習をすすめていくとよいと思いますよ。どのサイトも、丁寧に解説がしてあっておすすめです。
CSS入門
http://www.ink.or.jp/~bigblock/css/index.html
初級 CSS 解説{初心者向けの、ごく簡単な、スタイルシート の使い方の説明です。}
http://sinfonia-wld.com/pc/css.html
WordPress超初心者のためのHTMLとCSSの基礎知識 – Shufulife
http://shufulife.com/wp-lesson1/
0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【weblog】|秋田HP制作・webサイト制作
http://endoutakae.com/2012/02/08/webdesign/