Wordpress Theme Sidebar Problem

I'm having trouble with new theme for my site, I'm editing a prexisiting theme and so far I've been successful untill I started editing the sidebar. I've got it to look how I want in FF, but as always IE is messed up and I know what is causing it but dont know how to fix it.

In IE6 the sidebar gets pushed down to the bottom of the page and the bullet pictures dont show up. The bullet pictures also dont show in IE7 but from what I can see it doesn't get pushed to the bottom.

This is the line that is causing it to move to the bottom in IE6

.rsidebar ul li ul li{list-style: url('images/li.gif'); margin-left:35px; width:250px; padding-left:0px;}

PHP:

Link to Site
Link to Style Sheet

I would be very greatful if someone could help me with this.

 

conditional comments include a extra stylesheet for ie and it will work out fine

 

I understand the extra style sheets, but what exactly do I need to do and why aren't the images shown in the li's

 

I would do it this way

.rsidebar ul li ul li{
                                background-image: url('images/li.gif');
                                margin-left:35px;
                                 width:250px;
                                 padding-left:0px;

Code (markup):

try to keep a clear structure in your files so it's easier to edit things to improve them

 

get the page working in Firefox at first then IE 7 and last one put a <!--[if IE 6]> command for IE 6

 

I appreciate your help but it didn't work, if you take a look at the site now the li images are behind the actual menu items. I also added no-repeat and left tags because the image was repeating behind the items.

Anymore help would be highly appreciated

 

i saw that your sidebar width is 250px. Try the method i told you. Leave it 250 for IE 7 in stylesheet.css. Make another file ie.css and put in only the code .rsidebar ul li ul li{list-style: url('images/li.gif'); margin-left:35px; width:250px; padding-left:0px;} but give width a lower number to fit IE 6. then in the header of your theme put in the code :

<!--[if IE 6]>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/ie.css" />

<![endif]-->

it should work. i`ve had some problems of positioning divs and i solved it with this method


i`ve downloaded your theme and i managed to make it. just replace the .rsidebar ul li ul li a line with this line:

.rsidebar ul li ul li a {font:11px Verdana;font-weight:normal;color:#054474;line-height:27px; background:url('images/li.gif') no-repeat top left; padding-left: 20px; padding-bottom: 2px;}