Hi, the following code looks fine in all browsers i have tested apart from firefox:
Or just go here to view it:
[url]http://test.abacus-ringtones.co.uk/2005/test.html
[CODE]
<html>
<head>
<base href=”http://test.abacus-ringtones.co.uk/2005/”>
<style>
body
{
background:url(media/bk.jpg);
font-family:Verdana, Georgia, Times;
font-size:11px;
}
#leftMenuHeader
{
background:url(media/menu_top.gif);
background-repeat: no-repeat;
height:23px;
width:233px;
}
#leftMenu1
{
font-size:12px;
font-weight:bold;
padding-left:5px;
padding-top:3px;
text-align:left;
width:233px;
height:22px;
background-color:#ffffff;
border-left:1px #000000 solid;
border-right:1px #000000 solid;
}
</style>
<head>
<body>
<div id=leftMenuHeader></div>
<div id=leftMenu1>
Link here
</div>
</body>
</html>
[CODE]
In firefox, the second div is stretched – removing the left padding stops it happening so much but still they don’t line up.
Anyone have any ideas?