I have inserted some images on my home page using the following code:
<div style="float: left; width: 220px; overflow: hidden; margin-right: 14px; font-size: 0.9em;"><img class="padded" src="images/content1.jpg" border="0" /> <strong>text header</strong> With this amount of module positions you will never run out of room and can pick from hundreds of layout options. <a class="readon" href="index.php?option=com_content&view=article&id=14&Itemid=49" style="font-size:1em;margin-top:12px">Learn More...</a></div>
<div style="float: left; width: 220px; overflow: hidden; margin-right: 14px; font-size: 0.9em;"><img class="padded" src="images/content2.jpg" border="0" style="margin-bottom:4px" /> <strong>text header</strong>With a custom highlight color you can easily change the color of the entire site by setting just one color param. <a class="readon" href="index.php?option=com_content&view=article&id=197&Itemid=228" style="font-size:1em;margin-top:12px">See Examples...</a></div>
The problem is that the left hand line in the padded box is invisible!
Can you help?
Thanks