Need help aligning text within product name

Hi everyone,

I've been trying to do some simple mods to my stylesheet, but need help.

I'm looking to have my product title on all product listing pages to be aligned to the left. It also looks different in Mozilla and IE.

i believe the answer is within these code from my stylesheet.css

/*
centerbox
*/
.centerBoxHeading {text-align: center; margin: 0em; background-color: #abbbd3; padding: 0.5em 0.2em;}
h2.centerBoxHeading {margin: 0em; background-color: #1D5685; background-image: url('../images/bg_box_header.gif'); font-size: 1.3em; color: #ffffff; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em}
.productListing-rowheading, .productListing-rowheading, #productName {background-color: #1D5685; background-image: url('../images/bg_box_header.gif'); height: 1.5em; color: #FFFFFF}
.productListing-rowheading a{background-color: transparent; height: 2em; color: #FFFFFF;}

i've tried to change center to left, and change some of the margins, but i'm simply guessing and really don't know what i'm doing

any tips are appreciated
you can see my website here:

http://got-jdm.com/JDM/9298-new-mazda-rx7-aluminum-radiator-row-jvt-racing-p-499.html

i think the class i need to do the changes to is #productName
???

actually, i fixed it myself,

i had to edit the tpl_product_info_display.php and move the product name block above the image block.

you just have to keep reading different threads, all the answers are out there.

thank you zen community !!!!