Float and Form Issues

[Theros]

Hey all! I'm working on this site here. I've got two issues with it I can't figure out...

1) In IE7, on the about page under the heading "A few of my clients", the floats are adding extra padding on the left? And am I even supposed to float that? Is there a better way of doing that?

2) I've set up a contact from on the contact page...however for the submit button, I'm using a normal link linked to my php mailer script. And the form sends a email when I press on the link, but it only sends a blank email... Here's my PHP mailer script code:

<?
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

$to = 'erichuang@thinkpoint.org';
$subject = "$name sent you an email";
$message = "<b>$name wrote:</b> <i>$message</i>";
$headers = "From: $email";
mail($to, $message, $headers);
header( "Location: http://thinkpoint.org/test/contact.html" );
?>

I'm not sure if this is a form issue or a PHP issue... Other than these two issues, I've got everything else under control.

Thanks so much you all!

Thanks,
Eric Huang

[Centauri]

You can't have divs inside a <ul> - only <li>s are allowed to be direct children of <ul>s. You can have just one list and float the <li>s left and set their width so that 4 rows will form :

#content ul {
margin-bottom:40px;
font-size:0.81em;
color:#777;
line-height:20px;
margin-right:30px;
overflow: hidden;
}
#content li {
width: 24.9%;
float: left;
}

The overflow on the <ul> forces it to surround the floats so the footer is correct.


As for the form, the link would have to call the form's submit process via javascript.

[Theros]

Alright, your suggestions worked! Thanks so much!

Thanks.
Eric Huang