Holy Grail - 3rd Column Modification Issue

Entire 3rd column image won't show

[ramenfreak]

I'm using Matthew James Taylor's Holy Grail, 3 column liquid layout (<snip>) as a framework, but I need to modify the third (right) column to show a large image (440x330). When I insert the image, about 60% of the right side of the image is getting cut-off. Everything else looks fantastic.

Here's the code, hopefully someone can help me troubleshoot it!

#colmask {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
background-color: #9CF;
}
#colmid {
float:left;
width:200%;
position:relative;
left:200px;
background:#fff;
}
#colright {
float:left;
width:100%;
position:relative;
left:50%;
margin-left:-440px;
background-image: url(images/bg_grad.png);
background-repeat: repeat-x;
}
#col1wrap {
float:right;
width:50%;
position:relative;
right:100%;
}
#col1pad {
overflow:hidden;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 455px;
}
#col1 {
width:100%;
overflow:hidden;
}
#col2 {
float:left;
width:200px;
position:relative;
margin-left:-50%;
left:215px;
overflow:hidden;
}
#col3 {
float:left;
width:440px;
position:relative;
left:15px;
overflow:visible;
}

[edited by: swa66 at 10:45 pm (utc) on Aug. 11, 2009]
[edit reason] no links, please ee Tos and Forum charter [/edit]

[ramenfreak]

Never mind, I figured it out! Just had to figure out the right percentages for the margins-- trial and error.