Floating an image with Text using Liquid Skin

[Guest]

Hi Everyone

Im hoping someone here can really help me.....

I am using "killer skin" for one of my designs....

On the middle contentBox I have a paragraph of text with an image on the right hand side.

I have tried several ways to make this happen.... it works on my 22inch screen perfectly, but when i test it on a 17inch, the image stretches!!!!

Aghhhh.... well this is what i've done so far.... i've even tried using a table! and it still won't work!

Here is the code I've been using

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#FF0000;">

  <tr>

	<td width="4%" height="123">&nbsp;</td>

	<td width="50%">Loren ipsum dolor sit amet, consectetuer Piscing elit, sed diam nonummynibh euismod lobortis Cidunt ut laoreet dolore magna aliquam erat nisl Volutpat.  Ut wisi enim and minim veniam ipsum dolor Tis nostrud exerci tation ullamcorper suscipit obortis nisl ut aliqu Ut wisi enim dolore magna</td>

	<td><div class="Box"></div></td>

	<td width="30%">&nbsp;</td>

  </tr>

</table>

If there is a way without using a table which still works i would prefer to learn it that way ;-)

Here is my css

.Box {

width:88px;

height:100px;

background-image:url(../styleImages/backgrounds/welcome.jpg);

background-repeat:no-repeat;

}

I have also tried floating the image,,,, but i have the same problem whereas the image stretches when i test it on my Dell 17inch! LOL

Your expertise would be greatly appreciated....

Please view the attached file so you can see how i need this to look.

Thanks in advance.

Cheers

Antz :)

[burgensteen]

Not sure what you mean by stretch, but could you not put the picture directly in the table with width + height properties rather than a background image called from the css .

Do you have an URL to see it ??