Problems With IE ... What's New

[mikegreenia.com]

In IE7 the borders I am using under my main navigation don't show. The content I have in my #rightcontent area does.

In IE6 the borders I am using under my main navigation show. The content I have in my #rightcontent area does not show.

here is the link (http://www.oswego.edu/opb93/history.html)

If you want me to post my code let me know. Thanks in advance.

[Centauri]

Adding relative positioning to the <a>s should show the border in IE7 :#navigation ul li a{
text-decoration: none;
color: #F1CB28;
padding: 11px 11px 1px 11px;
position: relative;
font-size:19px;
border-bottom:2px solid #F1CB28;
}
In IE6, the right content has dropped due to the left content area pushed to the right due to IE6's doubled float margin bug - an inline display will fix that :#leftcontent {
/* border:1px solid green;*/
float:left;
width:390px;
margin:15px;
clear:right;
text-align:center;
display: inline;
}
Next, no scrollbars appear in IE6 as you have set the height of #container to 100% with hidden overflow. Apply the height and reset the overflow via a star-html hack for IE6 :#container {
width: 740px;
border-left:3px solid #F1CB28;
border-right:3px solid #F1CB28;
margin: 0 auto;
min-height: 100%;
overflow:hidden;
}
* html #container {
height: 100%;
overflow:visible;
}

[mikegreenia.com]

Thanks... everything worked.

I have one more problem maybe you can help me with. I want to continue the line i drew in my background image on this page (http://www.oswego.edu/opb93).

I'm trying to use a border property instead of making a bigger background image. Is this possible?

Let me know if you need code.

[Centauri]

Something like this may work:#homecontainer {
height: 749px;
width: 360px;
margin: 20px 0 0 510px;
border-bottom: 3px solid #F0CA27;
}