Wordpress Blogroll styling problem in IE 6,7

Gravesent
avatar
rank Regular

Regular


Posts: 47
Joined: 2007-03-23
Location: Bucharest - Romania

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...

Internet Explorer + CSS = OMG LOL

thepineapplehead
thepineapplehead's picture
rank Moderator

Moderator


Posts: 9203
Joined: 2004-06-30
Location: Milton Keynes

It's invalid, you haven't

It's invalid, you haven't got any opening or closing UL tags Eye-wink