hello..
if you look at the following two pictures.. the gap between my menu and the first bullet point is different..
in firefox it is bigger and it looks fine
in internet explorer it is smallers and doesnt look good.
http://www.londonheathrowcars.com/ff_DISPLAY.jpg
http://www.londonheathrowcars.com/ie_DISPLAY.jpg
the whole page looks the same and is W3c validated... it is just that gap.. below is the code
Page
Stylesheet
if you look at the following two pictures.. the gap between my menu and the first bullet point is different..
in firefox it is bigger and it looks fine
in internet explorer it is smallers and doesnt look good.
http://www.londonheathrowcars.com/ff_DISPLAY.jpg
http://www.londonheathrowcars.com/ie_DISPLAY.jpg
the whole page looks the same and is W3c validated... it is just that gap.. below is the code
Page
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>London Heathrow Cars | Airport Transfer Service | Private Hire Minicab</title>
<link rel="stylesheet" type="text/css" href="22style.css" media="all" />
</head>
<body>
<div id="wrap" class="clearfix">
<div id="top">
<img class="logo" src="xxlogo.jpg" alt="London Heathrow Cars Header" />
</div>
<div id="bleft">
</div>
<div id="bright">
<ul id="nav">
<li class="outerLi"><a href="##">Home</a></li>
<li class="outerLi"><a href="##">Services</a></li>
<li class="outerLi"><a href="##">Accounts</a></li>
<li class="outerLi"><a href="##">Fleet</a></li>
<li class="outerLi"><a href="##">Faqs</a></li>
<li class="outerLi"><a href="##">Bookings</a></li>
<li class="outerLi"><a href="##">Enquiries</a></li>
</ul>
<br /><br />
<ul class="bullet">
<li class="bulletlist"> <b>100% Heathrow Transfers</b> - Nationwide service, to and from any UK destination.</li>
<li class="bulletlist"> <b>Heathrow Based</b> - Pre-book or call on arrival, we are based at Heathrow (LHR).</li>
<li class="bulletlist"> <b>Flight Time Monitoring</b> - We monitor your flight, guaranteed no waiting time costs.</li>
<li class="bulletlist"> <b>Fixed Prices</b> - Set fares per vehicle from A to B, no taxi meters, no hidden charges.</li>
</ul>
<br />
<table>
<tr>
<td valign="top" width="240px">
<img src="xxplanes.gif" alt="Airport Planes" style="margin-top:2px;float:left;margin-left:20px;" />
</td>
<td valign="top">
<p class="main">We know how to remove the stress and uncertainty from your journey. All of our drivers are friendly, professional and experienced.<br /><br />Our local knowledge combined with the very latest in SatNav technology will ensure you reach your destination on time, even in the event of unforseen road closures or heavily congested traffic.</p><br />
</td>
</tr>
</table>
<p class="main">We regularly travel to destinations all over the UK. Our nationwide airport shuttle service includes locations in Central and Greater London (Docklands, City Centre), as well as other UK cities and counties. We also provide transfers between London and any destination in the UK.</p>
<br />
<hr style="margin-left:20px;margin-right:20px;" />
<br />
<img style="margin-left:20px;" src="images/paypal.gif" alt="paypal" />
<img alt="visa" style="margin-left:12px;" src="images/cards/visa.jpg" />
<img alt="mastercard" style="margin-left:10px;" src="images/cards/mastercard.jpg" />
<img alt="american express" style="margin-left:10px;" src="images/cards/amex.jpg" />
<img alt="maestro" style="margin-left:10px;" src="images/cards/maestro.jpg" />
<img style="margin-left:10px;" src="images/cards/electron.jpg" alt="electron" />
<img alt="solo" style="margin-left:10px;" src="images/cards/solo.jpg" />
<br />
<p class="small">
<a href="heathrow-to-gatwick">Heathrow to Gatwick</a> | <a href="gatwick-to-heathrow.asp">Gatwick to Heathrow</a> | <a href="heathrow-to-stansted.asp">Heathrow to Stansted</a> | <a href="stansted-to-heathrow.asp">Stansted to Heathrow</a> | <a href="heathrow-to-london.asp">Heathrow to London</a> | <a href="london-to-heathrow.asp">London to Heathrow</a> | <a href="heathrow-to-oxford.asp">Heathrow to Oxford</a> | <a href="oxford-to-heathrow.asp">Oxford to Heathrow</a> | <a href="heathrow-to-reading.asp">Heathrow to Reading</a> | <a href="reading-to-heathrow.asp">Reading to Heathrow</a> | <a href="heathrow-to-paddington.asp">Heathrow to Paddington</a> | <a href="paddington-to-heathrow.asp">Paddington to Heathrow</a> | <a href="heathrow-to-waterloo.asp">Heathrow to Waterloo</a> | <a href="waterloo-to-heathrow.asp">Waterloo to Heathrow</a> | <a href="heathrow-to-kingscross.asp">Heathrow to Kings Cross</a> | <a href="kingscross-to-heathrow.asp">Kings Cross to Heathrow</a> | <a href="heathrow-to-cambridge.asp">Heathrow to Cambridge</a> | <a href="cambridge-to-heathrow.asp">Cambridge to Heathrow</a> | <a href="heathrow-to-bristol.asp">Heathrow to Bristol</a> | <a href="bristol-to-heathrow.asp">Bristol to Heathrow</a> | <a href="heathrow-to-slough.asp">Heathrow to Slough</a> | <a href="slough-to-heathrow.asp">Slough to Heathrow</a> | <a href="heathrow-to-woking.asp">Heathrow to Woking</a> | <a href="woking-to-heathrow.asp">Woking to Heathrow</a>
</p>
<br /><br />
</div>
</div>
</body>
</html>Stylesheet
Code:
* {
margin:0;
padding:0;
}
body {
background-color:#EBEBEB;
text-align:center;
}
div#wrap {
width:750px;
margin:auto;
position:relative;
border:1px solid #666666;
background-color:#ffffff;
text-align:left;
}
div#top {
width:750px;
height:161px;
background-color:#616161;
}
div#bleft {
width:223px;
background-color:#fff;
float:left;
border:1px solid #666666;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
}
div#bright {
width:525px;
background-color:#fff;
float:right;
text-align:left;
}
div#main {
width:750px;
background-color:#ffffff;
clear:both;
}
div#menu .bccor {
border-color:#ffffff #ffffff #ffffff #ffffff;
}
ul#nav {
list-style-type:none;
}
ul#nav li.outerLi {
border-width:1px 1px 1px 1px;
border-color:#ffffff #b3b3b3 #b3b3b3 #ffffff;
border-style:solid;
position:relative;
font-family:arial;
float:left;
font-size:80%;
color: #666666;
width:73px;
background:white;
text-align:center;
}
a {
color: #666666;
text-decoration: none;
}
ul#nav li ul {
list-style-type:none;
display:none;
position:absolute;
left:-1px;
top:23px;
width:75px;
}
ul#nav li {
position:relative;
}
ul#nav li li {
line-height:23px;
border:1px solid #ccc;
}
ul#nav li ul ul{
position:absolute;
left:74px;
top:0px;
background:#fff;
width:74px
}
ul#nav li a {
display:block;
line-height:17px;
padding:3px 0 3px 0 ;
}
/* mac hide \*/
ul#nav li a {
height:1%
}
/* end hide */
div#menu ul li ul {
display:none;
}
ul#nav li ul li a {
background: #EBEBEB;
display:block;
}
ul#nav li ul li a:hover {
background-color:#666666;
font-family:arial;
color: #F99C08;
}
ul#nav li:hover ul ul, ul#nav li.over ul ul {
display:none;
}
ul#nav li:hover ul, ul#nav li.over ul,
ul#nav li li:hover ul, ul#nav li li.over ul {
display:block;
}
.text {
float:left;
margin-top:30px;
width:600px;
}
/* clear without structural mark-up */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* mac hide \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide */
ul.bullet {
list-style-type: none;
padding-left:0;
margin-left:20px;
margin-bottom:0px;
margin-top:15px;
}
li.bulletlist {
background: url(arrowbullet.png) left center no-repeat;
color:#666666;
font-family:arial;
font-size:9pt;
margin-bottom:8px;
margin-right:20px;
}