CSS Problem: Second column going into header | Help

Please see this contact form page:

http://audiquattrofinal.tigersportsmarketing.com/

The second column fields are going into the header. I want the second column to start level with the first column, and below the Venue/Date heading. Also, the second column has got bullets for some reason...even though the HTML I've used for it is exactly the same I used for the first column.

I've become a bit rusty with CSS..please help if you can!

 

Have you cleared your floats?

 

u forgot to write float:left 2 ur right colum + u need 2 clear:both after left and right column to clear ur floats

 

I've added both but its made only a minor difference. I need the second column to start where the left column starts Also, its still showing bullets in the right column for some reason!

 

ok u got 2 colums left and right;
#left {
width:50%;
floaT:left;
clear:both--- > delete it
}
#right {
width:50%;
floaT:left;
margin-right:50%; --> delete it
}

-->Also, its still showing bullets in the right column for some reason!
u got there tag li but dont have opening ul
like-->
<ul>
<li>asdj ahsd jaskh dk</li>
</ul>
and u need to reset ul by adding this style
ul {
list-style-type:none;
}
if after all of this right colum still on top u can add margin-top

 

Hey thanks so much for your detailed analysis it worked!!

Do you have an idea about embedding custom fonts with CSS? I converted my font files to EOT and gave the call in CSS but it isn't working...