Hi everyone, I'm having the problem that the SUPER IE7 as always making things as it wants.
I tried styling "read more" and all is perfect in FF and Safari. But IE is staying with the general
a{}
a:hover{}
a:visited{}
instead of
#more-link {
float:left;
width: 220px;
text-align: left;
padding: 0px;
margin: 0px 10px 0px 10px;
display: inline;
}
#more-link a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFCC;
text-decoration:none;
}
#more-link a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFCC;
text-decoration:none;
}
#more-link a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration: underline;
}
of course I change from post-template.php
<span id="more-'.$id.'"></span>
to
<div id="more-'.$id.'"></div>
because my the_content is
<?php the_content(__('
<div class="clear"></div>
<div class="separator">
<div id="more-link">Continue Reading</div>
<div class="postmetaright"><a href="#top" title="top"><img src="top.gif" alt="top" border="0" /></a></div>
<div class="clear"></div>
</div>'));?>
Maybe I have some error in the css or I mess the_content totally I don't know but I will like to discard everything, 'cos today I reach the point of despairing to lunacy . :)
Hope somebody gimme a hand.
thanks
ciao