[Solved] firefox - gap at top of next column

hi there,

i am stuck with a browser issue. all seems fine on IE6 but in firefox 2 there is a gap at the top of the second column. not very large - just 10px or so but i can't figure out why. can anyone see where i am going wrong?

here are the links to the pages.
http://inklondon.net/dev/float.htm
http://inklondon.net/dev/css/keep.css

#main_content_work {
width: 440px;
height: auto;
float: left;
padding: 50px 0px 0px 50px;
margin: 0px;
/* background-color: Aqua; */
}

#work_container {
padding: 30px 10px 10px 10px;
background-color: #ffffff;
clear: both;
overflow: auto;
}

/* need to be 214 wide, 517 height */
#work_images {
width: 214px;
float: left;
display: inline;
background-color: red;
}

#work_text {
margin-left: 225px;
margin-right: 0px;
background-color: Lime;

}