OK, so I went step by step, and the problem only showed up after I did this:
Then I went to skin1.css and changed the PImgBox tag from the original code below:
Code:
.PImgBox {
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
WIDTH: 100px;
PADDING-RIGHT: 8px;
}
To this, as well as adding the css for the img itself:
Code:
.PImgBox {
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
PADDING-RIGHT: 8px;
}
.PImgBox img {
FLOAT: left;
PADDING-RIGHT: 4px;
padding-bottom: 4px;
}
Depending on how large the image is will determine how much text will wrap underneath it. Hopefully this will give you what you're looking for.
Any idea why this is messing up my buttons?