Links within list does not work in IE!

[shehzadj]

Hello everyone,

This is my first post here in Dynamic Forums and I need major help!

I have made a few websites using scripts and softwares, but now I am working on my first website using a free html and css based template.

Why does IE suck so bad!
I never knew how many problems IE had until I started this project.

My problem:
The links within my main menu do not work in IE! The hover color change works but when the link is clicked nothing happens. But it works fine in firefox.

This is the HTML:

<div class="templatemo_menu_list"><ul>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Our Support</a></li>
<li><a href="#">Testimonials</a></li>

</ul></div>[/B]

and here is the CSS of the menu list:

.templatemo_menu_list {
float: left;
width: 230px;
}
.templatemo_menu_list ul {
list-style-type: none;
margin: 10px;
padding: 0;
width: 213px;
}
.templatemo_menu_list li a {
display: block;
height: 25px;
padding-top: 8px;
color: #666666;
padding-left: 50px;
background: url(images/templatemo_menu_button.gif);
}
.templatemo_menu_list li a:hover, .templatemo_menu_list li .active {
color: #a81407;


and these attributes are listed around the top of the css document:

a:link { color: #720803; text-decoration: none; font-weight: bold;}
a:active { color: #720803; text-decoration: none; font-weight: bold; }
a:visited { color: #720803; text-decoration: none; font-weight: bold;}
a:hover { color: #720803; text-decoration: none; font-weight: bold;}




Why is the link not working!!!
Hopefully someone has the answer to this

[davelf]

hmm, thats wierd, i try this code, and it work both in FF & IE.7

<ul>
<li><a href="http://www.google.com">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Our Support</a></li>
<li><a href="#">Testimonials</a></li></ul>

[shehzadj]

Yeah i tested that out as well. Weird.

I can't understand what the problem can be.

And to make it more weird, there is another section of similar links within the same documents that do work perfectly in IE and firefox.

Here is its HTML:

<div class="templatemo_right_link">
<ul>
<li><a href="index.html">Main Page</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

and this is the CSS:


.templatemo_right_link {
float: left;
margin: auto;
}
.templatemo_right_link ul {
margin: 0px;
list-style: none;
padding-left: 300px;
}
.templatemo_right_link li{
display: inline;
}
.templatemo_right_link li a {
float: left;
margin-top: 55px;
width: 100px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background: url(images/bullet.gif) no-repeat;
}




is there a god!? lol

[shehzadj]

Well... my solution was simple.

After making the website look perfect in firefox, and once the files have been added to the server, somehow Internet Explorer began displaying it perfectly too.

Test in firefox and then once the files are uploaded, IE recognizes it properly