Thanks for taking a gander, I am still pretty/very new at this.

What have I done wrong here?

The custom "tick boxes" on the list (at work in works in Firefox, IE 8, Chrome and Safari, but not in IE6+7:

http://www.beijinggatewayacademy.com...hinese-program

CSS

p.y {color:#E1BC24;}

ul.tickbox { list-style-type:none; }
ul.tickbox li {
	background-image: url('http://www.beijinggatewayacademy.com/tickbox.jpg');
	background-position: 0px 5px; 
	background-repeat: no-repeat;
	padding-left: 27px;
	line-height: 32px;
	border: 0px solid black;
	font-weight:bold;
}

HTML

<h4>Class Schedule</h4>
<ul class="tickbox">

<li><p class="y">Morning Classes: 3 Hours/Weekday</p>
<p>The morning classes endows students with a base in both written and verbal communication that allows students to learn complicated syntax and vocabulary at an impressive rate.</p>
</li>

<li><p class="y">Afternoon Classes: 2 Hours/Weekday</p>
<p>The afternoon classes focuses more on verbal communication and acheiving a measureable success in HSK exams.</p>
<p>HSK is the standardised Chinese proficency exam in China</p>
</li>

</ul>

Thanks a bunch for your help

Unfortunately, IE7 retained it's stupid list bug.
If you add height: 1%; to the styling for the <li>, the image appears. You should do this with conditional comments and an IE7-only stylesheet though.

You are superstar!

I think that this is the fifth time you have helped me out on this forum.

I really appreciate it.

You're welcome