My issue involves using CSS transitions when hovering over links. When the links are live (meaning a href="#" is changed to a href="yahoo.com," for example), the transitions stop working and instead of opening the link, it appends the link destination to the end of my homepage address like this: "driveandambition.com/yahoo.com", which obviously doesn't function properly. I'm completely baffled by what's happening. I've spent hours trying to troubleshoot this strange behavior with no luck. It makes no sense why the transitions cease to work or why the destination is being added to the homepage URL.
The problem primarily occurs in the social media area of sidebar.php, where the issue persists even after including relevant CSS and PHP/HTML code. The transitions fail to work on any other links once they become active. Prior to becoming active, the transitions function correctly. I hope I have followed proper protocol in asking questions. Thank you in advance for your assistance - it may save me from pulling out all my hair!
You can find the site here: driveandambition.com. Please note that it is still under construction.
<?php
/**
* @package WordPress
* @subpackage Drive and Ambition
*/
?>
<div id="menu">
<div id="m-logo"><a href="/" title="Home"><img src="http://www.driveandambition.com/wp-content/uploads/2012/02/dna-logo.png" width="200" height="227" alt="Drive & Ambition" /></a></div>
<hr />
<div id="nav">
<ul id="nav-list">
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Blog">Blog</a></li>
<li><a href="#" title="Shop">Shop D&A</a></li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
</div>
<hr />
<div id="m-end">
<div id="social">
<a href="#" class="soc-left" title="D&A on Twitter" target="_blank"><span><img src="http://www.driveandambition.com/wp-content/uploads/2012/02/twttr.png" width="18" height="16" alt="D&A Twitter" />Twitter</span></a>
<a href="http://www.facebook.com/DriveAndAmbitionVA" title="D&A on Facebook" target="_blank"><img src="http://www.driveandambition.com/wp-content/uploads/2012/02/fcebk.png" width="8" height="16" alt="D&A Facebook" />Facebook</a>
<a class="soc-left" href="http://vimeo.com/driveandambition" title="D&A on Vimeo" target="_blank"><img src="http://www.driveandambition.com/wp-content/uploads/2012/02/vimeo.png" width="16" height="16" alt="D&A Vimeo" />Vimeo</a>
<a href="http://driveandambition.tumblr.com/" title="D&A on Tumblr" target="_blank"><img src="http://www.driveandambition.com/wp-content/uploads/2012/02/tmblr.png" width="16" height="16" alt="D&A Tumblr" />Tumblr</a>
<div class="clear"></div>
</div>
<div id="m-search"><input name="Search" type="text" id="search" value="search" size="28" maxlength="140" /></div>
<p id="extra">©2012 DRIVE & AMBITION
Site:<a href="http://rawinn.tumblr.com/" target="_blank">FTWinn</a></p>
</div><!--end m-end-->
</div><!--end menu-->
/*
Theme Name: Drive and Ambition
Theme URI: http://www.driveandambition.com
Description: A clean and minimal theme that is compatible with WordPress 3.0
Author: W.A.T.T.S.
Author URI: http://rawinn.tumblr.com
Version: 1.0
*/
@charset "UTF-8";
@font-face {
...