Browser(s): tested in FF3.01 (XP) and IE 7 (XP) - however problem reported in all versions of IE (none in FF)
Problem: I have a simple CSS/php site with a left menu div and some central content divs (no right hand menu) - however in IE the content always drops below the menu. This does not happen in FF (3) but I have not tested it against other browsers. The site has been written in spare time for a friend for free - there is therefore nothing clever about the site so please don't laugh - thanks :)
I have tried various changes (and HTML tidy) but not found any real problems - I am sure it must be something simple but to be honest CSS/HTML is not my thing (I am a server side Java dev by trade!) so a little confused. Any help much appreciated?
Snippets:
HTML:
<div class="menubox">CSS:
<a href="gallery/gallery.php">Gallery</a>
<hr />
<a href="glazetech.php?pageid=1">Glaze Tech</a>
<hr />
<a href="stockists.php">Stockists</a>
<hr />
<a href="contact.php">Contact</a>
<hr />
<a href="statement.php">Statement</a>
<hr />
<a href="links.php">Links</a>
<hr />
<a href="resume.php" >Resume</a>
<hr />
</div>
.
menubox {Thanks
float: left;
width: 8em;
padding:0px 10px 0px 30px;
margin-left: 20px;
border-left: 1px solid black;
}
Shaun