PDA

View Full Version : stragne ie problem



esthera
Dec 9th, 2008, 03:25 PM
see
http://www.awebforyou.com/test2/index2.htm

it works on firefox.
on ie the part floated to the right moves to the bottom.
if you hover over a link it's ok and if i chante the link to<a href=#> and not the page name it's also ok.

Can anyone figure out why? this is very strange.

Excavator
Dec 9th, 2008, 03:59 PM
Hello esthera,
It just looks like a width problem. Should that bit in red be width:173px; instead?



#left li a:link {
width : 193px;
display : block;
color : #ff5400;
text-decoration : none;
background-image : url(../images/linkbg.jpg);
background-repeat : no-repeat;
background-position : left top;
vertical-align : middle;
height : 26px;
padding-top : 3px;
padding-left : 20px;
}
#left li a:visited {
width : 173px;
display : block;
color : #ff5400;
text-decoration : none;
background-image : url(../images/linkbg.jpg);
background-repeat : no-repeat;
background-position : left top;
vertical-align : middle;
height : 26px;
padding-top : 3px;
padding-left : 20px;
}
#left a:hover {
width : 173px;
display : block;
color : #ff5400;
text-decoration : none;
background-image : url(../images/linkbg.jpg);
background-repeat : no-repeat;
background-position : left top;
vertical-align : middle;
height : 26px;
padding-top : 3px;
padding-left : 20px;
}
#left li a#current {
width : 173px;
display : block;
color : #ff5400;
text-decoration : none;
background-image : url(../images/linkbg.jpg);
background-repeat : no-repeat;
background-position : left top;
vertical-align : middle;
height : 26px;
padding-top : 3px;
padding-left : 20px;
}

esthera
Dec 9th, 2008, 04:38 PM
thanks :)