Forum Moderators: not2easy

Message Too Old, No Replies

CSS and IE 7 / Wordpress menu issue

issues with layout

         

MissDelray

3:30 pm on Apr 15, 2010 (gmt 0)

10+ Year Member



Hi there,

I have a site, [cypressinsurance.com ] that is a wordpress blog. I took the designer's CSS and transformed it into the wordpress template.

As expected, everything looks great in IE 6, and 8, and Firefox. However, my horizontal menu gets weird in IE 7 and the container elements do not break.

Any help? Hacks, etc?

Thanks so much!

MissDelray

5:33 pm on Apr 15, 2010 (gmt 0)

10+ Year Member



I guess I could have added the CSS!


#top-menu{
width: 780px;
height: 28px;
}
#top-menu ul{
float: left;
width: 100%;
list-style-type: none;
line-height:28px;
background-color: #00573c;
margin:0px;
padding:0px;
}
#top menu li {
margin: 0;
}
#top-menu li a{
float:left;
display:inline;
margin: 0;
background-color: #00573c;
border-right: 1px solid white; /*right divider between tabs*/
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-right: 6px;
padding-left: 6px;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

#top-menu li a:hover{
color: #FFFFCC;
text-decoration: none;
}
.noline{
border-right-style: none;
}