Image layout problems

Hello

I have a page here:

http://proofreading4students.com

You will see a coloured yellow line under the main image - and I don't know where it came from. If I were to remove the image, there would be a kind of yellow rectangular block under it (about 500x254 px).

How can I get rid of that yellow 'block', please?

The HTML is this:

<div id="newBox"><img src="./images/main.gif" alt="Celebration!" title="Celebration!" width="500" height="254">
</div>

Code (markup):

and my CSS shows this:

#newBox

{
width:160px
height: 254px;
margin: 0 0 0 0;
background: #fc6;
/*float:left*/
}

Code (markup):

Thanks for any help.

High1

 

Simply remove the following line from your css

background: #fc6;

Code (markup):

 

Hello Wtfuxbbq

Great, that worked.

Many thanks!

High1