Formatting text generated by a javascript

[alinart]

I was told to use Firebug to detect the html but I don't know how to do that.

Basically I want to format this page: http://yogasports.biz/cart.html

(items would obviously have to be added first to show how they would be displayed)

Right now my CSS file looks like



#demoContainer{
}


.simpleCart_items{
clear:both;
float:left;

}
#cartTotal{
clear:both;
text-align:right;
font:11px Arial, sans-serif;
text-shadow:none;
float:left;
width:100%;
}
p{
padding:10px 0;
}
strong{
font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-weight:normal;
color:#000000;
}

.itemContainer{
width:950px;
float:left;
}

.itemContainer div{
float:left;
margin: 25px 17px 5px 5px ;
}

.itemContainer a{
text-decoration:none;
}

.cartHeaders{
width:950px;
float:left;
display:none;
}

.cartHeaders div{
float:left;
margin: 20px 90px 15px 5px ;
}


I don't know how to format the individual columns. I would like to set them all to different sizes so that each row will align properly allowing the columns to all line up straight.

Can someone help me identify the name, quantity, size, color, total, and price divs from the javascript (http://yogasports.biz/simpleCart.js) so that I may format the css file? or fix my css file so that it does what I need it to do? any help is appreciated. thank you.