Wonky CSS – Blix Theme

Greetings!

I’m a newbie here and I just uploaded blix onto my hosting account and I’ve looked around the theme files a little bit. Oddlly enough my new website is a little wonky and I didn’t do any altering in the files (I just looked) and the left hand column “links” doesn’t look right (I’m viewing in IE), it looks like two of the yellow/green lable tabs are blended together and yet I don’t see anything wrong in the css. My websites is:
https://careerspaceezine.com/blog/

This coding should be in the subcontent, correct?
This is what is says:

/* subcontent
--------------------------------------------------*/
#subcontent {background:url(images/spring_flavour/subcontent_bg.gif) top left no-repeat;}

/* subcontent headings
--------------------------------------------------*/
#subcontent h2 {
color:white;
background:#A3C159 url(images/spring_flavour/corner_top_left.gif) top left no-repeat;
}

#subcontent h2 em {background:url(images/spring_flavour/corner_bottom_right.gif) bottom right no-repeat;}

/* subcontent list
--------------------------------------------------*/
#subcontent ul li {border-bottom-color:#F0F0F0;}

#subcontent li a:hover {background-color:#FFFBF0;}

#subcontent ul.pages li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

#subcontent ul.categories li,
#subcontent ul.months li {list-style-image:url(images/spring_flavour/categories_yellow.gif);}

#subcontent ul.links li {list-style-image:url(images/spring_flavour/links_yellow.gif);}

#subcontent ul.feeds li {list-style-image:url(images/spring_flavour/feeds_yellow.gif);}

#subcontent ul.posts li {list-style-image:url(images/spring_flavour/post_yellow.gif);}

#subcontent ul.categories li li {list-style-image:url(images/spring_flavour/sub_categories_yellow.gif);}

**********************
I hope it’s ok to post semi-long code here. (I did use backticks according to the allowed tags note.) Let me know if it isn’t.

Thanks guys for your help!
??