positioning productName

[godt]

I am trying to position the product name adjacent to the category icon on the product info page. Perhaps I am going to strange lengths, but cross browser issues have led me to do this with tpl_modules_categor_icon_display.php:

<div id="productHead">
<div align="<?php echo $align; ?>" id="categoryIcon" class="categoryIcon"><?php echo $category_icon_display_image; ?></div>

<div id="productTitle">
<!--bof Product Name-->
<h1 id="productHead"><?php echo $products_name; ?></h1>
<!--eof Product Name-->
</div>
</div>

and I have this css:

#categoryIcon { width:250px;position:relative;margin-left:30px;}
#productHead {width:700px;margin-bottom;30px;position:absolute;}
h1#productHead {color:#444;font-weight:normal;font-size:2.0em;float:right;position:relative;margin-top:-30px;}
#productTitle {width:300px;position:relative;float:right;}

Whatever variations on the theme I apply, the product name persists in floating over the top of the category icon, thus:

http://arborio.com/124/index.php?mai...&products_id=3

What is preventing the product name from floating right?

[LissaE]

Have you tried text-align: right; instead? :)

[godt]

Doh. Works perfectly. I mean, why would I look for the simple solution, when I can beat my head against the wall? Thanks so much.

[LissaE]

Glad to help :)