totochoi
24 Mar 2009, 01:39 PM
Hi everyone,
I am encountering some CSS issue with my current project. I created a link using absolute positioning but the problem is that it only shows up in Firefox and not in IE7.
Any thoughts?
Thanks in advance.
Here is the site link (http://www.cesson.com/baillie/new_site/index.html).
Here is the coding.
~HTML~
<body>
<div id="language">
<a href="index.html">中文/ENG</a>
</div>
</body>
~CSS~
#language {
margin: 0;
padding: 0;
position: absolute;
top: 56px;
left: 270px;
clear: both;
}
#language a {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration: none;
}
#language a:hover {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#996600;
text-decoration: none;
}
I am encountering some CSS issue with my current project. I created a link using absolute positioning but the problem is that it only shows up in Firefox and not in IE7.
Any thoughts?
Thanks in advance.
Here is the site link (http://www.cesson.com/baillie/new_site/index.html).
Here is the coding.
~HTML~
<body>
<div id="language">
<a href="index.html">中文/ENG</a>
</div>
</body>
~CSS~
#language {
margin: 0;
padding: 0;
position: absolute;
top: 56px;
left: 270px;
clear: both;
}
#language a {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration: none;
}
#language a:hover {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#996600;
text-decoration: none;
}