Speech Bubble not working

[Silver007A]

Hi All,

Would really appreciate some guidance here. I am trying to get a div styleclass working. You can see from the image that is a bit of a mess.

You can see the results here:
[la-corniche-hotel.com ]

This is the code I have:

<div class="bubble1"> <div> <div> <div> <div><i><b>Some words  <b>Some words</b></i></div> </div> </div> </div>

And CSS:

div.bubble1 div {
 background: url(../images/bub1-br.gif) no-repeat bottom right;
 margin: 0;
 padding:15px 0px 15px 15px;
 width: 100%;
}
div.bubble1 div div {
 background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
 background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
 background: url(../images/bub1-tl.gif) no-repeat top left;
}

Thanks for any help :-)

[SuzyUK]

padding:15px 0px 15px 15px;

That padding is affecting all the child divs of the .bubble1 div.. set the padding on all those divs to zero.. then try setting any required padding on the innermost one

div.bubble1 div div div div {}

[Major_Payne]

Any chance you can post the actual links to the images? Using "<base href="http://www.la-corniche-hotel.com/">", doesn't seem to work this time for me to pull your images even after changing the image paths to:

"images/bub1-bl.gif."

or similar.

Ron

[Silver007A]

Thank you SuzyUK. Your help and a couple of divs later and it looks gooooood :-)