Alright, I'm having a serious issue with Div's and Iframe's. I've never personally had an issue with HTML before, or anything that has caused me this much frustration, and so, it really does irk me.

Alright, here goes. I have a website, that uses an image for the background, and then div's and iframes to display the content (since I hate using tables and frames). Now, the problem is not the coding to get it to work. In fact, it works splendidly. The issue I am having, is that when the window is resized, the iframe's and div layers shift. I have the tags "position:absolute;" in my div layers.. but they don't seem to be working as well as on my other pages.

I've managed to get div layers and iframes to stay in the same spot with every other layout I've done. But this one, for some reason, won't do it for me. And I'm wondering if it's because I have 2 iframes, and 2 div layers on the page, as opposed to 1 iframe, and 2 div layers that I normally have worked with.

You're more than welcome to look at the website; http://www.kittiepink.com and tell me where i've gone wrong. Though, I haven't changed the coding at all, from what I normally use. :/ (aside from the positioning) Any and all help would be appreciated. Personally, I need to get this working properly as soon as possible.

Thanks much.

You have the divs etc positioned absolutely, but not the background image.
Change the background so that it's not centred (either at the top left corner or wherever you want it, but in absolute numbers instead of percentage)

You have the divs etc positioned absolutely, but not the background image.
Change the background so that it's not centred (either at the top left corner or wherever you want it, but in absolute numbers instead of percentage)

I'm trying to position the image to the center. Any idea on how to code that? This is the code I'm using;

<STYLE TYPE="text/css">
<!--
BODY {background-image: url(kpolayout2b.PNG); background-repeat: no-repeat;background-position:absolute; top:10; left:250; }
-->
</STYLE>

and it's not working. ;.; ..

I'm trying to position the image to the center. Any idea on how to code that? This is the code I'm using;

<STYLE TYPE="text/css">
<!--
BODY {background-image: url(kpolayout2b.PNG); background-repeat: no-repeat;background-position:absolute; top:10; left:250; }
-->
</STYLE>

and it's not working. ;.; ..
nevermind. I see what I was doing wrong. >.< *smacks herself* .. I should have put "..position: 134px 0px;" .. hehe ^^ thanks!