Wordpress Blogroll styling problem in IE 6,7

1 reply [Last post]

Wed, 2008-07-09 11:29

Gravesent

Offline

Enthusiast

Bucharest - Romania

Last seen: 7 years 31 weeks ago

Bucharest - Romania

Timezone: GMT+3

Joined: 2007-03-23

Posts: 71

Points: 32

Hello,

As usual I come with what is to me a bit of a mistery, I managed to style everything the way I want it to but I have a very strange problem in IE, here's the deal:

Website address: http://dianatusa.epon.ro/
Image with the problem:

Source code involved:
Html in sidebar.php (a separate file that gets included in the main index.php file through a function)
<div id="blogroll_side"><?php wp_list_bookmarks('title_li=&categorize=0'); ?></div>
Css that acts here:

#blogroll_side {
	background-image:url(images/blogroll_bkg_side.jpg);
	width:147px;
 
	padding-left:13px;
	padding-top:37px;
}
 
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-decoration:none;
}
 
a:hover {
	text-decoration:underline;
}

An since it might help, the way the rendered html looks for the blogroll:

<div id="blogroll_side">
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</div>

I can't figure out what went wrong here, simple text is styled the same way abobe the blogroll and if I just paste the rendered source code directly in sidebar php it workf fine...