Hello, i'm trying to make a tableless layout and it's going well, but i can't get a div where i want it. It looks ok in firefox and opera, but not in IE. The div i talk about is inside other div. In IE it appears at the top of the other div, in firefox and opera in the bottom. I have tryed a few things with no success. Here are the files HTML www.webmasterdir.net/sample/sample.html CSS www.webmasterdir.net/sample/main.css I have added a black border to the div so you can see the position, i'm talking about the one in the top right corner, the one containing the links "usercp, settins and logout" Here are a few screenshots from IE and Firefox. Firefox: IE Also, i'm implementing the design in a phpld directory, when i place the cursor over the buttons the background and borders of the main div dissapear, that's weird because the file works ok when it's stored in my computer. This can be seen here www.webmasterdir.net Help is greatly appreciated. Thanks in advance. Gaston
Controlling default margins and paddings could help. Using valid code too (an id can only be used once, the link to the styleshhet is not valid). I'd add margin-top:5px; in #navbar and * html #user-bar a{height:1%;} /*to set hasLayout with ie 5.x and ie 6*/ Adding height:1%; in #MyContentArea should fix the problem. IE 7 needs .MyNavlinks a {position:relative;}