I need the text in the header to rest on the bottom of the “inside” header div. why is this not working? Im running WIN XP and FF. I’ve got a meeting with this guy in the morning and i really wanna get some sleep…any help would be much much appreciated…sigh of despiration
<html>
<head>
<title>LS Commiunications - Catching up with Light Speed</title>
<style>
body {
background-color: #ffffff;
margin: 0px 0px 0px 0px;
}
.headerContainer {
background: url(images/headerbg01.jpg) bottom repeat-x;
width: 100%;
height: 106px;
vertical-align: bottom;
padding: 10px 0px 4px 0px;
}
.headerInside {
background: url(images/headerbg_inside01.jpg) bottom center no-repeat;
width: 753px;
height: 102px;
vertical-align: bottom;
}
.middleContainer {
background-color: #000000;
width: 100%;
height: 170px;
}
.contentContainer {
background: url(images/contentbg01.jpg) top repeat-x;
width: 100%;
vertical-align: top;
padding: 8px 0px 8px 0px;
min-height: 350px;
}
.contentInside {
background: url(images/contentbg_inside01.jpg) top center no-repeat;
width: 753px;
height: 102px;
min-height: 450px;
padding: 20px 20px 20px 20px;
}
</style>
</head>
<body>
<div class="headerContainer"><center>
<div class="headerInside">
TEST TEXT
</div>
</center></div>
<div class="middleContainer"><center>
TEST TEXT
</center></div>
<div class="contentContainer"><center>
<div class="contentInside">
TEST TEXT
</div>
</center></div>
</body>
</html>