altschule
Regular Member
- Sep 1, 2010
- 282
- 186
I've just finished coding my business' new site from the ground up in notepad and I've got a problem in IE that I can't seem to figure out what is going on.
Works great in Firefox and chrome, it's got a 10px margin from the right of my container (conHead) and it's 120px from the top of it. IE seems to want to center it right in the middle of my container (conHead) so it spaces the navigation out and in turn it overlaps my logo. Could it have something to do with my list styling for my nav perhaps? I can't find anything on this around the goog. Thanks fellas.
Code:
#conHead #navi {
position: absolute;
right: 10px;
top: 120px;
width: auto;
padding:0;
margin:0;
}Works great in Firefox and chrome, it's got a 10px margin from the right of my container (conHead) and it's 120px from the top of it. IE seems to want to center it right in the middle of my container (conHead) so it spaces the navigation out and in turn it overlaps my logo. Could it have something to do with my list styling for my nav perhaps? I can't find anything on this around the goog. Thanks fellas.
Code:
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: 19px 'MyriadWebProRegular', sand-serif;
text-align:center;
height: 35px;
}
#navlist li
{
color:#fff;
width: 130px;
height: 35px;
list-style: none;
margin: 0;
display: inline;
text-align: center;
}
#navlist li a
{
color:#fff;
width: 130px;
height: 35px;
padding: 8px;
background-image: url('images/btn_bg.png');
background-position: center bottom;
background-repeat: no-repeat;
text-decoration: none;
text-align: center;
}