Images in the css display in frontpage and dreamweaver but not in ie or firefox. What did I miss.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title></title><base href="about:blank">
<style>
body {font-size: .75em; text-align: center;margin:0;padding:0; font-family: tahoma;}
ul, li, h1, h2, h3, h4 {margin:0;padding:0;}
#container {background-color: black; width: 700px;text-align: left;height: auto;margin:0 auto; }
#header{height: 100px; background-color: black; width: 700px;}
#header h1 {background:url('images/lf.png') no-repeat;
width: 420px; height: 92px;}
#column1 {width: 361px;float: left;}
#column1 ul {margin:0;padding:0; width: 360px;}
#column1 li {list-style: none; text-align: right;}
#column1 h4 {background:url('images/her.png') no-repeat; width: 361px; height: 400px}
#column1 h1 {color: white; font-size: 25px; text-transform: lowercase;margin-top: 35px;}
#column1 h2 {color: #FF375F; font-size: 25px; text-transform: lowercase;}
#column1 h3 {color: white; font-size: 15px; text-transform: lowercase;}
#column2 {width: 300px; float: right; padding-right: 10px;}
#column2 ul {margin:0;padding:0;}
#column2 li {list-style: none;}
#column2 h1 {color: #FF375F; font-size: 25px; text-transform: lowercase; text-transform: uppercase;
margin-top: 35px;}
#column2 h2 {color:white; font-size: 25px; text-transform: uppercase;}
#footer {height: 50px; background-color: black;color: white; text-transform: uppercase; font-size: 20px;
text-align: center; padding-top: 15px; clear: both;}
</style></head><body><div id="container">
<div id="header"><h1><span>header info</span></h1></div>
<div id="column1">
<h4><span>column1 image</span></h4>
<ul>
<li><h1>monday dec 15th</h1>
<h2>if hustler club westminster</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10px</h3>
</li>
<li><h1>wednesday dec 17th</h1>
<h2>if hustler club redlands</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10pm</h3>
</li>
<li><h1>thursday dec 18th</h1>
<h2>if hustler club san diego</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10pm</h3>
</li>
</ul>
</div>
<div id="column2">column2
<li><h1>wed, dec 3rd</h1>
<h2>amateur night $2000
dance contest</h2></li>
<li><h1>thu, dec 3rd</h1>
<h2>detention naughty school girl night</h2></li>
<li><h1>thu, dec 11th</h1>
<h2>hustler sleep over sexxxy lingerie show</h2></li>
<li><h1>sun, dec 14th</h1>
<h2>3rd annual hustlers white christmas party party starts at 6pm $4 u call it;s all night food,
dj's and special gifts and prizes</h2></li>
<li><h1>mon, dec 15th</h1>
<h2>ayo kempermat xxxmas toor 2008! performing pics & signing. 10pc</h2></li>
</div>
<div id="footer">7000 garden grove wstminster, ca 714.891.1430</div>
</div></body></html>
Thanks
Howard
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title></title><base href="about:blank">
<style>
body {font-size: .75em; text-align: center;margin:0;padding:0; font-family: tahoma;}
ul, li, h1, h2, h3, h4 {margin:0;padding:0;}
#container {background-color: black; width: 700px;text-align: left;height: auto;margin:0 auto; }
#header{height: 100px; background-color: black; width: 700px;}
#header h1 {background:url('images/lf.png') no-repeat;
width: 420px; height: 92px;}
#column1 {width: 361px;float: left;}
#column1 ul {margin:0;padding:0; width: 360px;}
#column1 li {list-style: none; text-align: right;}
#column1 h4 {background:url('images/her.png') no-repeat; width: 361px; height: 400px}
#column1 h1 {color: white; font-size: 25px; text-transform: lowercase;margin-top: 35px;}
#column1 h2 {color: #FF375F; font-size: 25px; text-transform: lowercase;}
#column1 h3 {color: white; font-size: 15px; text-transform: lowercase;}
#column2 {width: 300px; float: right; padding-right: 10px;}
#column2 ul {margin:0;padding:0;}
#column2 li {list-style: none;}
#column2 h1 {color: #FF375F; font-size: 25px; text-transform: lowercase; text-transform: uppercase;
margin-top: 35px;}
#column2 h2 {color:white; font-size: 25px; text-transform: uppercase;}
#footer {height: 50px; background-color: black;color: white; text-transform: uppercase; font-size: 20px;
text-align: center; padding-top: 15px; clear: both;}
</style></head><body><div id="container">
<div id="header"><h1><span>header info</span></h1></div>
<div id="column1">
<h4><span>column1 image</span></h4>
<ul>
<li><h1>monday dec 15th</h1>
<h2>if hustler club westminster</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10px</h3>
</li>
<li><h1>wednesday dec 17th</h1>
<h2>if hustler club redlands</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10pm</h3>
</li>
<li><h1>thursday dec 18th</h1>
<h2>if hustler club san diego</h2>
<h3>7000 garden grove blvd
westminster - 714.891.1430
showtime 10pm</h3>
</li>
</ul>
</div>
<div id="column2">column2
<li><h1>wed, dec 3rd</h1>
<h2>amateur night $2000
dance contest</h2></li>
<li><h1>thu, dec 3rd</h1>
<h2>detention naughty school girl night</h2></li>
<li><h1>thu, dec 11th</h1>
<h2>hustler sleep over sexxxy lingerie show</h2></li>
<li><h1>sun, dec 14th</h1>
<h2>3rd annual hustlers white christmas party party starts at 6pm $4 u call it;s all night food,
dj's and special gifts and prizes</h2></li>
<li><h1>mon, dec 15th</h1>
<h2>ayo kempermat xxxmas toor 2008! performing pics & signing. 10pc</h2></li>
</div>
<div id="footer">7000 garden grove wstminster, ca 714.891.1430</div>
</div></body></html>
Thanks
Howard