CSS Firefox Issue

[spainsoccerfreak]

Hi I am working on a site is work good on IE but for some reason firefox the links dont work at all here the css for that part please help!!

[tonyking]

If you want help a link to the site would be useful.

[spainsoccerfreak]

thats the css part im having problems with Idont have it posted yet

.table{
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
color: #999999;
font-weight: bold;
top: 15px;
left: 10px;
position: relative;
}

.table_header{
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
color: #FFFFFF;
font-weight: bold;
}
.search_zip{
width: 185px;
background-color: #008fd4;
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFFFFF;
text-transform: capitalize;
text-align: center;
font-weight: normal;
height: 15px;
overflow: hidden;
}

.update_listing{
width: 185px;
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999999;
font-weight: bold;
text-align: center;
text-transform: capitalize;
height: 15px;
overflow: hidden;
}

.find_1{
left: 198px;
top: 3px;
position: absolute;
}
.new {
left: 527px;
top: -17px;
position: absolute;
}




.table1 {
font-family: Arial, Helvetica, sans-serif;
font-size: .90em;
color: #000000;
left: 10px;
border:#666666;
border:thin;
width: 680px;
top: 14px;
border: 1px solid #999999;
position: relative;
}
.table1 a {
font-family: Arial, Helvetica, sans-serif;

left: 10px;
text-decoration: none;
}
.table1 a:hover {
font-family: Arial, Helvetica, sans-serif;

left: 10px;
text-decoration: underline;
}
.table1 h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #008fd4;
font-weight: bold;
text-align: left;
text-indent: 5px;
padding-left: 25px;
}
.table1 h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
color: #000000;
font-weight: bold;
height: 12px;
}
.table1 h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #008fd4;
font-weight: bold;
text-align: left;
padding-left: 5px;
}

.textbox{
left: 25px;
width: 250px;
overflow: hidden;
}

.odd{
background-color: #e4e5e6;
}
.blue_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #008fd4;
}
.blue_header a {
font-family: Arial, Helvetica, sans-serif;

color: #008fd4;
text-decoration:none;

}

.blue_header a:hover {
font-family: Arial, Helvetica, sans-serif;

color: #008fd4;
text-decoration:underline;

}
.gray_text {
color: #666666;
font-style: italic;
}



.profile {
width: 680px;
left: 10px;
border: 1px solid #999999;
position: relative;
top: 14px;
}


.profile_left{
width: 339px;
float: left;
position: relative;
border-right: 1px solid #999999;
}


.gray {
background-color: #E3E3E3;
height: 30px;
width: 339px;
position: relative;
}

.pro_header {
font-family: Arial, Helvetica, sans-serif;
color: #008fd4;
font-size: 1.2em;
left: 30px;
top: 5px;
}

.profile_textbox {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
left: 30px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
width: 300px;
overflow: hidden;
}

.profile_textbox a {
font-family: Arial, Helvetica, sans-serif;
left: 30px;
padding-top: 10px;
color: #008fd4;
text-decoration: none;
}

.profile_textbox a:hover {
font-family: Arial, Helvetica, sans-serif;
left: 30px;
padding-top: 10px;
color: #008fd4;
text-decoration: underline;
}




.profile_right {
width: 339px;
float: left;
position: relative;
}

.video_pro {}

.pro_bottombox {
top: 15px;
border: 1px solid #999999;
width: 680px;
position: relative;
float: right;
right: 8px;
padding-top: 5px;
padding-bottom: 2px;
}

.back_img {
float: left;
position: relative;
left: 30px;
}

.new_img {
float: left;
left: 40px;
}

.request_img{
float: right;
position: relative;
margin-right: 50px;
}
.want_more {
border: 1px solid #999999;
width: 680px;
left: 10px;
position: relative;
top: 20px;
}


/* column_right */

[tonyking]

Post the source code to the page that uses this .css as well please.

[spainsoccerfreak]

the html? well its just I have no idea why that would work in IE and not firefox link its they they are not working when i pass the over over it doesnt act likea link just one section of the page the one with the css on top

here is the html section that doesnt work

<div class="profile">

<!-- right column profile info (left side) -->
<div class="profile_left">
<div class="gray"><div class="pro_header">Profile</div></div>
<div class="profile_textbox"><strong>Hearlab</strong><br />
5882 Medical Drive Suite 150<br />
San Antonio ,Texas ,78229<br />
210-614-0100 <a href="dummy link"><img src="res/images/bgi/arrow.jpg" border="0" > Request Call Back</a><br />
<br />
<a href="dummy link">Miles: </a>4.8 <a href="dummy link">Map & Directions</a>
<br />
<br /><a href="dummy link"><img src="res/images/bgi/req_info.jpg" border="0" ></a>
<br />

<br /><a href="dummy link">www.hearlab.com</a>
</div>

<!-- about us -->
<div class="profile_left">
<div class="gray"><div class="pro_header">About Us</div></div>
<div class="profile_textbox">San volenim dolorem Incipit wis ametueros nulla
Feum quat venim ver sim Nulluptat, senibh exercid
Uismod ea cor sent do Commy num delestie facil
San volenim dolorem Incipit wis ametueros nulla
Feum quat venim ver sim Nulluptat, senibh exercid
Uismod ea cor sent do Commy num delestie facil</div>

</div>

<!-- about us -->
<!-- hours of operation -->
<div class="profile_left">
<div class="gray"><div class="pro_header">Hours of Operation</div></div>
<div class="profile_textbox">Monday - Friday 8:00 am - 5:00 pm<br>
Saturdayy 10:00 am - 3:00 pm</div>
</div>

<!-- hours of operation -->

<!-- staff -->
<div class="profile_left">
<div class="gray"><div class="pro_header">Staff</div></div>
<div class="profile_textbox"><strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br>
<strong>Firstname Lastname:</strong><br>
Title / Salutation<br />
<br />
<br />
<br />
</div>

</div>
<!-- staff -->

</div>


<!-- About us -->
<!-- right column profile info (left side) -->
<!-- right column profile info (right side) -->
<div class="profile_right"><div class="gray"><div class="pro_header">Practice Information</div></div>
<div class="profile_textbox"><strong>Services Provided:</strong><br>San volenim dolorem Incipit wis ametueros nulla
Feum quat venim ver sim Nulluptat, senibh exercid
Uismod ea cor sent do Commy num delestie facil
San volenim dolorem Incipit wis ametueros nulla<br><br>
<strong>Products Dispensed:</strong><br>
San volenim<br>
Dolorem Incipit wis<br>
Ametueros nulla<br>
Feum quat venim ver sim<br>
Nulluptat, senibh exercid<br>
Uismod ea cor sent do<br>
Commy num delestie facil<br>
San volenim dolorem Incipit wis<br>
United Healthcare
</div>
<!--video profile -->

<div class="video_pro"><div class="gray"><div class="pro_header">Video Profile</div></div>
<div class="profile_textbox"><img src="res/images/bgi/video_pro.jpg" border="0" width="280px" ></div>


</div>
<!--video profile -->

<!-- upcoming events -->
<div class="profile_right">
<div class="gray"><div class="pro_header">Up Coming Events</div></div>
<div class="profile_textbox"><strong>Hearing Aid Information Lunch</strong><br>
Saturday, March 3 2008 – 12:00 pm to 1:00 pm<br>
Come down to the office, get a free lunch and find out more
about hearing aids.<br><br>
<strong>Hearing Aid Information Lunch</strong><br>
Saturday, March 3 2008 – 12:00 pm to 1:00 pm<br>
Come down to the office, get a free lunch and find out more
about hearing aids.<br><br>
<strong>Hearing Aid Information Lunch</strong><br>
Saturday, March 3 2008 – 12:00 pm to 1:00 pm<br>
Come down to the office, get a free lunch and find out more
about hearing aids.<br></div>

</div>

<!-- upcoming events -->
</div>



</div>

<div class="pro_bottombox">
<div class="back_img"><a href="dummy link"><img src="res/images/bgi/back.jpg" border="0" ></a></div>
<div class="new_img"><a href="dummy link"><img src="res/images/bgi/new_search.jpg" border="0" ></a></div>
<div class="request_img"><a href="dummy link"><img src="res/images/bgi/req_info.jpg" border="0" ></a></div>
</div>



<div class="want_more">
<div align="right"><img src="res/images/bgi/want_more.jpg" alt="" width="670" border="0" height="67"/></div>
</div><br><br>
<div class="viewed_2">You just Viewed</div>

<div class="view_it">
<div class="viewed_table">
<a href="dummy link">Guides</a>
<div class="viewed_table_text">
<a href="dummy link">Teach me about hearing loss</a><br><a href="dummy link">Tell me about hearing aids</a><br><a href="dummy link">Help a loved one</a>

</div>
</div>

<div class="viewed_table1">
<a href="dummy link">Professionals</a>
<div class="viewed_table_text">
<a href="dummy link">Practice name</a><br>
<a href="dummy link">Practice name</a><br>
<a href="dummy link">Practice name</a>
</div>
</div>


<div class="viewed_table2"><a href="dummy link">Companies</a>
<div class="viewed_table_text1">
<a href="dummy link">Starkey (Info page)</a><br><a href="dummy link">Sonic innovations velocity: automated ear</a><br><a href="dummy link">Gear (article)</a></div>
</div>
</div>
<br>
<div class="email_sign"><a href="dummy link"><br><img src="res/images/bgi/email_sign.jpg" alt="" border="0" /></a></div>


</div>


</div>


<div class="float_clear"><!--ieb--></div>




</div>

[rangana]

Add a DTD (http://alistapart.com/articles/doctype) in your page.

PS, enclose your codes inside the
tag.

[spainsoccerfreak]

I have the correct DTD still wont work

[Medyman]

Your question is way too vague! What about the link isn't working? Are you trying to add some sort of styling that's not working?

You should post the site somewhere so that we can help you better. We're here to help but we can't read minds...