CSS need CSS help

Okay I am new to this site. Great work you all! I have been avoiding learning css but now you have challenged me by posting great templates.
Unfortinately for me, I am new to css and the Web Technology Template #13 has a code issue in IE7.
So since most people use IE7, can someone help with this issue? I browered the javscript from bohica32 to create a second css file for IE7 but I am not sure how to fix it.

here is the code:
#bullets {
padding-top: 15px;
background: url(images/box_t.jpg) no-repeat;
}
#bullets ul {
padding-bottom: 20px;
background: url(images/box_b.jpg) bottom left no-repeat;
}
* html #bullets ul {
width: 100%;
}
* html #bullets img {
margin-left: -3px;
margin-left: 0px;
float: left;
}
#bullets img {
display: block;
}
#left .i {
margin: 0 25px;
}
/* right */
#right {
float: right;
width: 442px;
margin-top: 15px;
}
#right .i {
margin: 0 253px 0 27px;
}
#right .j {
float: right;
width: 246px;
margin-top: 0.5em
}
#right .i .left {
margin: 0;
}
#right .j ul {
float: right;
width: 130px;
display: inline;
margin-right: 10px;
}
#right .clear {
padding-top: 7px;
margin: 0 0 10px 0;
}
ul.bigbullets li {
background: url(images/bullet.gif) left no-repeat;
margin: 0;
padding: 5px 2px 5px 20px;
}
* html ul.bigbullets li {
text-indent: -1.5em;
}

I believe its in the # bullets ul
any suggestions???