Hi all ! How are you?

Can someone please help me.. look at this page, I made especially for this exmaple: http://www.comespanish.com/me/default.htm

Then you see where it says - "if you want the new song sent to you.. "
And under that it is bright purple. Basically this is a div, and I only want it to be as high as it needs to be to cover the search box. But it won't let me reduce the height. Currently its 45px, but If i make it less.. nothing happens. It refuses.

I tried everything I know, which isn't much, like "border=0" but nothing is working

I know it seems like nothing, except that I have the same problem when I try to add a google search box.. The div that it is in ends up being massive, and I can't reduce the size ! It's like their is an invisible border of 30px around it. So i need help in order to put google search on my site, thanks!

There is a div tag there, but there's also a form tag there too. Forms are awful for creating gaps, this happened to me a while ago and I think I changed round the form attribute in my CSS. Make sure you don't have any white space or any other loose coding hangting around too. Let us know if that helps

Part of your problem is that you've got everything set to position: absolute. That means every single element is taken OUT of the document flow and the elements do NOT 'interact' with each other.

Add this to your CSS:

#submit {
position: absolute;
width:400px;
height:22px;
background-color: #FF00FF;
top: 68px;
text-align: center;
left: 52px;
margin: 0;
padding: 0;
}
#submit form{
margin: 0;
padding:0;
height: 22px;
}

That worked!!
Thanks a lot