after see the code here is your code + my edited ...
here is the XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="Love%20Potion_files/style.css"><title>Love Potion</title>
<script language="Javascript" type="text/javascript">
//<![CDATA[
var button1 = new Image;
var button2 = new Image;
var button3 = new Image;
var button4 = new Image;
var button5 = new Image;
var button6 = new Image;
var button7 = new Image;
var button8 = new Image;
button1.src = 'images/nav/home.jpg'
button2.src = 'images/nav/homeover.jpg'
button3.src = 'images/nav/about.jpg'
button4.src = 'images/nav/aboutover.jpg'
button5.src = 'images/nav/services.jpg'
button6.src = 'images/nav/servicesover.jpg'
button7.src = 'images/nav/contact.jpg'
button8.src = 'images/nav/contactover.jpg'
//]]>
</script>
</head>
<body>
<div id="container">
<div id="header">
<ul class="no_style">
<li id="top_logo"> </li>
<li>
<a href="http://jrcdesigns.co.uk/Kuole/index.html"
onmouseover="document.rollover.src=button2.src"
onmouseout="document.rollover.src=button1.src">
<img src="Love%20Potion_files/home.jpg" name="rollover" alt="home" id="rollover" border="0">
</a>
</li>
<li>
<a href="http://jrcdesigns.co.uk/Kuole/about.html"
onmouseover="document.rollover2.src=button4.src"
onmouseout="document.rollover2.src=button3.src">
<img src="Love%20Potion_files/about.jpg" name="rollover2" alt="about" id="rollover2" border="0">
</a>
</li>
<li>
<a href="http://jrcdesigns.co.uk/Kuole/services.html"
onmouseover="document.rollover3.src=button6.src"
onmouseout="document.rollover3.src=button5.src">
<img src="Love%20Potion_files/services.jpg" name="rollover3" alt="services" id="rollover3" border="0">
</a>
</li>
<li>
<a href="http://jrcdesigns.co.uk/Kuole/contact.html"
onmouseover="document.rollover4.src=button8.src"
onmouseout="document.rollover4.src=button7.src">
<img src="Love%20Potion_files/contact.jpg" name="rollover4" alt="contact" id="rollover4" border="0">
</a>
</li>
</ul>
<div id="bot_logo"> </div>
</div>
<div class="bg">
<div class="text1"><span class="welcome">Welcome to LovePotions.com!</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
malesuada lorem id pede. Nulla egestas, tellus id feugiat ornare, justo
urna porta magna, nec viverra nibh quam ac mauris. Phasellus feugiat
tempor risus. Phasellus eleifend vulputate tortor. Etiam ultrices,
metus ut auctor aliquet, turpis libero fermentum metus, at gravida urna
orci eu lacus. Nam pulvinar, turpis vitae pulvinar aliquet, enim augue
sodales orci, non dignissim erat risus non arcu. Morbi justo nulla,
lacinia in, dapibus id, vulputate sit amet, nisl. Nulla ultrices
scelerisque leo. In et velit at nisi vestibulum molestie. In orci. Nam
adipiscing placerat mi. Morbi erat. Integer nulla odio, posuere et,
porttitor nec, pharetra quis, mauris. Pellentesque sodales mi
scelerisque nisl. Cras accumsan purus.<br>
<img src="Love%20Potion_files/color.jpg" alt="color"></div>
<div class="text2"><img src="Love%20Potion_files/face.jpg" alt="face" class="face">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
malesuada lorem id pede. Nulla egestas, tellus id feugiat ornare, justo
urna porta magna, nec viverra nibh quam ac mauris. Phasellus feugiat
tempor risus. Phasellus eleifend vulputate tortor. Etiam ultrices,
metus ut auctor aliquet, turpis libero fermentum metus, at gravida urna
orci eu lacus. Nam pulvinar, turpis vitae pulvinar aliquet, enim augue
sodales orci, non dignissim erat risus non arcu. Morbi justo nulla,
lacinia in, dapibus id, vulputate sit amet, nisl. Nulla ultrices
scelerisque leo. In et velit at nisi vestibulum molestie. In orci. Nam
adipiscing placerat mi. Morbi erat. Integer nulla odio, posuere et,
porttitor nec, pharetra quis, mauris. Pellentesque sodales mi
scelerisque nisl. Cras accumsan purus.<br>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
malesuada lorem id pede. Nulla egestas, tellus id feugiat ornare, justo
urna porta magna, nec viverra nibh quam ac mauris. Phasellus feugiat
tempor risus. Phasellus eleifend vulputate tortor. Etiam ultrices,
metus ut auctor aliquet, turpis libero fermentum metus, at gravida urna
orci eu lacus. Nam pulvinar, turpis vitae pulvinar aliquet, enim augue
sodales orci, non dignissim erat risus non arcu. Morbi justo nulla,
lacinia in, dapibus id, vulputate sit amet, nisl. Nulla ultrices
scelerisque leo. In et velit at nisi vestibulum molestie. In orci. Nam
adipiscing placerat mi. Morbi erat. Integer nulla odio, posuere et,
porttitor nec, pharetra quis, mauris. Pellentesque sodales mi
scelerisque nisl. Cras accumsan purus. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean malesuada lorem id pede. Nulla
egestas, tellus id feugiat ornare, justo urna porta magna, nec viverra
nibh quam ac mauris. Phasellus feugiat tempor risus. Phasellus eleifend
vulputate tortor. Etiam ultrices, metus ut auctor aliquet, turpis
libero fermentum metus, at gravida urna orci eu lacus. Nam pulvinar,
turpis vitae pulvinar aliquet, enim augue sodales orci, non dignissim
erat risus non arcu. Morbi justo nulla, lacinia in, dapibus id,
vulputate sit amet, nisl. Nulla ultrices scelerisque leo. In et velit
at nisi vestibulum molestie. In orci. Nam adipiscing placerat mi. Morbi
erat. Integer nulla odio, posuere et, porttitor nec, pharetra quis,
mauris. Pellentesque sodales mi scelerisque nisl. Cras accumsan purus.</div>
</div>
<img src="Love%20Potion_files/base.jpg" alt="Footer">
</div>
</body>
</html>
and the CSS:
/* edited here */
* {
margin:0; padding:0;
}
body{
background-image: url('bg.jpg');
background-repeat: repeat-x;
}
#container {
width: 943px;
height: 100%;
margin: auto;
}
ul.no_style {
list-style: none; height:74px;
}
ul.no_style li {
float:left; margin-right:5px;
}
.header{
width: 943px;
height: 100%;
background-image: url('contbg.jpg');
background-repeat: no-repeat;
float: left;
}
#top_logo {
width:412px;
height:74px;
background: url(logo.jpg) no-repeat top left;
float:left;
}
#bot_logo {
background: url(contbg.jpg) no-repeat top left;
width: 943px;
height: 136px;
}
/* until here */
.welcome{
margin-left:5px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 18px;
color: #ce2183;
}
.text1{
float:left;
margin-left: 25px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
color: #5b5b5b;
width: 288px;
}
.text2{
float:left;
margin-left: 15px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
color: #5b5b5b;
width: 560px;
height: 200px;
}
.face{
float: left;
}
.bg{
background-image: url('bg2.jpg');
background-repeat: repeat-y;
width: 943px;
height:450px;
}
maybe can fix it...