I'm using PHP with CSS. The following issue is what is occurring. The container <div> is working fine. The page1 <div> is working fine except that the image from page1 is getting feed into the .doit class. The qqtext <div> is displaying properly. I'm thinking there is an issue with the way I'm trying to place the <div> identifiers. Any help would be greatly appreciated as this has stumbled me for a few hours now.
Edit: Added pictures to demonstrate how it's rendering, the look1.png is how it should look.
PHP Code:
PHP Code:
<?php
echo '<div id="container">';
echo '<div id="page1">';
// Database connection stuff
$form_block = "
<form method=\"post\" action=".$_SERVER['PHP_SELF'].">
<input type=\"hidden\" id=\"product\" name=\"product\" value=\"%s\">
<input type=\"submit\" id=\"someone\" name=\"submit\" class=\"doit\">
</form>";
while (condition) {
echo '<div id="qttext">';
echo 'a';
echo 'b';
echo sprintf($form_block, $content['id1']);
echo '</div>'; // close the qtext div
}
if (!empty(submit)) {
// Conditions
}
echo '</div>'; // Close the page1 div
echo '</div>'; // Close the container div
?>
Now the CSS is as follows:
Code:
#container {
position: relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#page1 {
background: url(images/qb.gif);
position:absolute;
left:64px;
top:183px;
width:569px;
height:812px;
}
#qttext {
color: yellow;
position: relative;
left: 24px;
top: 63px;
}
.doit {
background: url(images/qt.gif);
border: 1px dotted gray;
padding: 0px 0px 0px 0px;
}
Before you post, read our: 
CSS issues with parent and child <div>
