Here’s a Working Fiddle Tested on: IE10, IE9, IE8, FF, Chrome, Safari notice: although I’m using absolute positioning, this layout is completely responsive. (resize your browser to see it in action) this solution still has a downside: the left menu width and the main content width are fixed. (I’ll try to remedy that and update … Read more
I have Changed Your Code A bit and it’s working fine Now. tested in Chrome HTML <body> <header role=”banner” id=”top”> <div id=”header-text”> <h1><strong id=”top-title”>Atlas Land Office (text will change)</strong></h1> <p id=”slogan”>Keeping lands fresh.</p> </div> <div id=”menu”> <ul role=”navigation” class=”banner”> <li><a href=”#home”>Home</a> </li> <li><a href=”#land”>Land Surveying</a></li> <li id=”nav-space-left”><a href=”#civil”>Civil Engineering</a></li> <li id=”nav-home”><a href=”#top” title=”Back to top”><img … Read more