Hi, I've been working on customising an inline comment form for my blog, so that it sits better with the rest of my design.

Anyway, there's a few remaining niggles that I need help sorting out, but first, here a link to the blog: http://templatevision.blogspot.com/

1. When I click 'leave a comment' at the foot of my post, the comment form drops down and, at first, looks just how I want it. But when you click into any of the fields (name, email etc) a black border appears around the 'submit' button. Can I stop this happening, and if so how?

2. The list of current comments are contained in their own box, but the spacing means that each of these boxes touch. I'd like a few pixels gap between each.

3. I'd like to remove the border from the drop-down comment form.

I've tried all the stuff I thought would fix these problems {border-style: none.... etc etc, but nothing seems to work for these last few remaining issues.

Thanks in advance.

im sorry i dont know all the answers but here we go:

1. Just to point out that your first issue is an IE issue, its fine everywhere else, FF, NS, Opera.
Tbh, i dont think it's much to worry about if you can't solve it.

2. Have you tried 'margin-bottom: 4px;'

3. I don't think you can...but i could be wrong.


If you could post your codes that would be great,

Thanks very much, Joshy. You're a star. If I can't resolve the issues I'll post some code. Thanks again.