Guest funsizealex Posted October 15, 2007 Share Posted October 15, 2007 I am trying to align an overlapping nav bar/background image div with a header div that has a bottom border.This is my code: .header{width:100%;height:85px;border-bottom: 1px solid #000;}.nav{ width: 100%;height: 110px;background-image: url(../images/wburg.jpg); background-repeat: no-repeat; background-position: 30px 15px;z-index: 1000;}.nav ul {float:right;width:100%;margin-left:195px;margin-top: 60px;list-style-type: none;}.nav a {float:left;width:6em;text-decoration:none;color:#000;padding:0.2em 0.6em;font-size: 12px;}.nav li {display:inline;} and then the html is this: <div class="header"> <div class="nav"> </div></div> Right now it is appearing as I want it to in the following browsers/platforms:IE (Windows)Safari (Mac)but not in Firefox (Mac).Site address: http://www.alexandraorgera.com/portfolioI would appreciate any advice or help you can give me, as I am completely new to css. This is my first attempt at designing a site with it. Thank you! Link to comment Share on other sites More sharing options...
ctoz Posted October 16, 2007 Share Posted October 16, 2007 I am trying to align an overlapping nav bar/background image div with a header div that has a bottom border //snip... but not in Firefox (Mac).Site address: http://www.alexandraorgera.com/portfolio The page looks identical in Safari and Firefox 1.03 Mac. Also in Opera 9.01 Mac.I checked all the links in the top menu and some of their left-hand links, but not all. Safari and FF behave the same. Am I missing something?PS—if you have a minute and if you have IE6, could you have a look at my request for a page check, a few posts above this. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.