Hey y'all,
I am new here and new with this kind of stuff. What I've done is take a template and edit it to my specifications. I am definitely starting to get the hang of it, but still have a lot to learn. Anyway, I have one big div that needs to have 4 thumbnails in it, with descriptions below each one. I am using JAVA to make the thumbnails open a specific sized popup with a more detailed description of each car. For some reason when I inserted the java on the top two images, the right thumbnail moved over and on top of the left one. What gives? Also, I cannot get the descriptions under the right images at all. Here is my code:

HTML:


<div class="fcar"> <p><a href="javascript:;" onClick="wimpyPopPlayer('http://www.used-car-seller.com/inventory/03rendezvous.html','Auto-riffic','width=791,height=601')"><img src="images/100_2829_thumb.jpg" width="230" height="173" style="float:left" alt="" /> </a>
<p><a href="javascript:;" onClick="wimpyPopPlayer('http://www.used-car-seller.com/inventory/02neon.html','Auto-riffic','width=791,height=601')"><img src="images/100_2838_thumb.jpg" width="230" height="173" style="float:right" alt="" /></a>
<p>



<div class="clear"></div>
</div>

<div class="fcar">
<img src="images/100_2834_thumb.jpg" width="230" height="173" alt="" /><img src="images/100_2843_thumb.jpg" width="230" height="173" />

<p><span class="headline2">1999 Ford Ranger 4x4 </span><br />
Low mileage. Excellent warranty. <a href="#" class="a2">more...</a></p>

<div class="clear"></div>
</div>
</div>


CSS:

#featured h2{
height:150px;
position:relative;
background:url(../images/h_welcome.png) 0 0 no-repeat;
margin-bottom:16px
}
#featured p{margin-bottom:10px}
#featured p span.headline{display:block; margin-bottom:5px}
#featured .fcar{margin-bottom:13px}
#featured .fcar img{float:center; margin-right:13px}
#featured .fcar p{float:left; width:114px}

And, here is a screenshot of what is happening:
http://i1303.photobucket.com/albums/...ps73fe52f0.gif