Hey quick question.

Here is my page: http://www.tri-m.com/actii/index.html

See how the image of the little girl in the top doesn't go to the very edge? I want to fix that and I have tried everything but I can't figure it out. :S

Here is my .css:

/* CSS Document */
A:link
{
text-decoration: none;
color:#00CCCC;
}
A:visited
{
text-decoration: none;
color:#00CCCC;
}
A:active
{
text-decoration: none;
color:#00CCCC;
}
A:hover
{ text-decoration: none;
color:#ffffff;
}
body
{
margin:0px 0px 0px 0px;
padding:0px;
background:#ffffff;
height:100%;
}
#topbar
{
width:100%;
height:100px;
background-color:#00CCCC;
background-image:url(images/background.jpg);
}
#linkbar
{
margin:0px;
padding:0px;
background-color:#000000;
width:100%;
height:20px;
}
#content
{
width:100%;
height:100%;
text-align:center;
}
#path
{
float:right;
width:350px;
height:359;
background-image:url(images/pathcurve.gif);
background-repeat:no-repeat;
}
#logo
{
float:right;
width:70px;
height:67px;
}
#copywrite
{
width:100%;
height:18px;
background-color:#000000;
text-align:center;
}
h1
{
font-size:14px;
font-weight:normal;
padding:0;
margin:0px;
}
h2
{
color:#ffffff;
font-size:14px;
font-weight:bold;
padding:0;
margin:0px;
}
h3
{
font-size:12px;
font-weight:normal;
padding:0;
margin:0px;
color:#00CCCC;
}
h4
{
color:#58abaf;
font-size:16px;
font-weight:normal;
padding:0px;
margin:0px;
}
h5
{
font-size:10px;
font-weight:normal;
padding:0;
margin:0px;
color:#00CCCC;
}

Funny in FF it looks fine =/