1st column overlaps second column

I have three columns on my webpage:

http://www.wibbler.com/wishlist

As you can see, the first column's words overlaps the second column. What am I doing wrong?

The css is here:

http://www.wibbler.com/wordpress/wp-content/themes/moo-point/style.css

 

.page div.entry-content {
float:left;
padding:0.5em 0pt 2.5em;
width:700px;
}

You have defined a width greater than the parent. Get rid of the width:700px; and you should be fine

 

Thanks! I've got a similar problem with the comments section, which can't be fixed in the same way:

http://www.wibbler.com/2003/08/20/nicholas-de-stacpoole/#comments

I presume its something to do with the content or comments div? Any ideas?

 

div.comment-author {
background:#C4C4C4 none repeat;
clear:both;
color:inherit;
display:block;
font-size:0.9em;
margin:0pt 0pt 0.5em;
padding:7px 0pt 7px 7px;
width:693px; <- get rid of this width
}

 

Awesome! Thanks so much.