Chrome Anchor Doesnot Work

[devdeepto]

anchor tag does not work in chrome/safari/frefox but works in IE. Here bellow is the HTML portion followed by the CSS code

 

HTML

 

<div id="top-nav-search-logo">

<div id="logo">

<a href="http://dunga.com"> </a>

</div>

 

<div id ="top-social-links" >

<ul>

<li> <a href="http://dunga.com"><img'>http://dunga.com"><img'>http://dunga.com"><img src="images/MP_Mid_Bannaer_Image/pintres-log-in.png"></a></li>

<li> <a href="http://dunga.com"><img src="images/MP_Mid_Bannaer_Image/twitter-small.png"></a></li>

<li> <a href="http://dunga.com"><img src="images/MP_Mid_Bannaer_Image/facebook-small.png"></a></li>

<li> get social with us</li>

</ul>

</div>

 

<div id="login-errorfix">

<ul>

<li><a href="http://dunga.com/login/login.php">log in</a> </li>

<li><a href="http://dunga.com/Shop/index.php">shopping cart </a></li>

<li><a href="http://dunga.com/Shop/index.php">check out</a></li>

</ul>

</div>

 

<div id="search-box">

<form action="" id="search-form">

<input type="text" name="search" />

<input type="submit" value="Search">

</form>

</div>

 

</div>

 

 

 

CSS

 

#top-nav-search-logo{

position:relative;

overflow:auto;

height:93px;

width:1024px;

background-color:#9C8E75;

border:none;

padding-top:0px;

}

 

#logo{

position:relative;

background: url(../images/missingPieces_logo1.png);

background-repeat:no-repeat;

background-color:#9C8E75;

float:left;

width:340px;

height:93px;

}

#top-social-links{

position:relative;

float:left;

height:58px;

width: 384px;

padding-top:2px;

color: #FFF;

}

#top-social-links li{

list-style: none;

float:right;

height:58px;

padding-top:2px;

padding-left:20px;

color: #FFF;

font-family:"segoe ui";

}

 

#top-social-links li a {

padding-top:0px;

display: block;

font-size: 15px;

font-weight: bold;

color: #FFF;

text-decoration: none;

 

 

}

 

#top-social-links li img{

border: 0px;

padding-top:0px;

width:35px;

height:35px;

}

 

#login-errorfix{

position:relative;

float:right;

background-color:#9C8E75;

width:300px;

height:19px;

padding-top:1px;

padding-bottom: 1px;

 

}

 

#login-errorfix li{

list-style: none;

float:right;

}

 

#login-errorfix li a {

padding:8px;

display: block;

line-height: 0px;

font-size: 15px;

font-weight: normal;

color: #FFF;

text-decoration: none;

font-family:"segoe ui";

}

 

#search-box{

padding-top:45px;

padding-left:367px;

float:left;

position:absolute;

}

 

#search-box input[type=text]{

padding-top:0px;

float:left;

padding-left:4px;

width:475px;

height:43px;

}

 

#search-box input[type=submit]{

width:174px;

height:47px;

}

#third-row{

width:1024px;

height:40px;

position: relative;

padding-top:0px;

}

 

 

Any idea. Thanks a lot for helping me out.

 

devdeepto

[falkencreative]

What about it isn't working? How are you expecting it to work, and how is it currently working?

[Andrea]

That sometimes happens when the anchor is being overlapped by a different division. Do you have a link to the page so we can see the entire thing in action?