IE6 and 7 CSS Nav issue
Anyone able to tell me how to fix an IE6/IE7 css problem?
Since I used browsershots to check a table based layout in every browser
the nav menu is where I want it except for IE6 and IE7? hehe
So anyway I have the Nav with the appearance that it hangs over the edges of the site...but basically it is just filling the width of the cell...
So every other browser looks at it like this:
IE6 and IE7 look at it like this:
And here is the link css
So how do I fix IE6/7 to render it like the first image...The way every other browser on the planet sees it? lol
Thanks...
Since I used browsershots to check a table based layout in every browser
the nav menu is where I want it except for IE6 and IE7? hehe
So anyway I have the Nav with the appearance that it hangs over the edges of the site...but basically it is just filling the width of the cell...
So every other browser looks at it like this:
IE6 and IE7 look at it like this:
And here is the link css
Code:
.class1 A:link {
text-decoration: none;
border: thin solid #000066;
padding-right: 3px;
padding-left: 3px;
display: block;
text-align: center;
background-color: #E2B818;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.class1 A:visited {
text-decoration: none;
border: thin solid #000066;
padding-right: 3px;
padding-left: 3px;
display: block;
text-align: center;
background-color: #E2B818;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.class1 A:active {
text-decoration: none;
border: thin solid #000066;
padding-right: 3px;
padding-left: 3px;
display: block;
text-align: center;
background-color: #E2B818;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.class1 A:hover {
text-decoration: none;
border: thin solid #000066;
padding-right: 3px;
padding-left: 3px;
display: block;
text-align: center;
background-color: #FDF2C4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
} Thanks...
The IM World Will Be Shaken to the Core!
Join my list at: IMCool.Biz
New Podcast --> podcast.imcool.biz