I have been searchingthrough my code and all over the web and have yet to find a solution.
In Firefox my nav links work just fine, yet in IE they look to be links, they show the destination in the status bar, but when you click on them, nothing happens.
Site: http://www.lorderk.com
CSS:
#header {
float:left;
width:932px;
height:165px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#logo {
float:left;
margin:45px 0px 0px 0px;
}
#pages {
float:right;
color:#BDAFA8;
margin:40px 0px 0px 0px;
height:65px;
width:115px;
padding:8px 0px 0px 18px;
}
span.menu-items {
width:115px;
height:20px;
display:block;
margin-left:5px;
margin-right:5px;
cursor:pointer;
}
span.last-menu-item {
width:115px;
height:30px;
display:block;
margin-left:5px;
margin-right:5px;
cursor:pointer;
}
Header.php
<div id="header">
<div id="logo">
<a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo-trans.png" alt=""/></a>
</div>
<div id="pages">
<a href="<?php bloginfo('url'); ?>/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/blog.png" alt=""/></span></a>
<a href="<?php bloginfo('url'); ?>/portfolio/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/portfolio2.png" alt=""/></span></a>
<a href="<?php bloginfo('url'); ?>/about/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/about2.png" alt=""/></span></a>
<a href="<?php bloginfo('url'); ?>/contact/"><span class="last-menu-item"><img src="<?php bloginfo('template_url'); ?>/images/contact2.png" alt=""/></span></a>
</div>
</div>
Any ideas?