Forum Moderators: not2easy
For most of my pages the design is working fine in both Firefox and IE7. However, for a couple of very short pages, where the pages don't extend below the bottom of the screen, the whole layout seems to move a few pixels to the right in Firefox. I cannot for the life of me figure out why!
Here is my code for the css stylesheet - this is my first css website so there is probably something cretinous in there, please be kind! Thanks for any help you can give.
div#container{position:relative;text-align:left;background: url('images/fauxshadow.gif') repeat-y 0 0}
div#headerlinks{position:absolute;top:41px;left:718px}
div#splash{background:#617192}
div#links{background:#000000;text-align:center;padding:6px}
div#links p{font-family:Verdana;font-size:11px;color:#FFFFFF}
div#links a{color:#FFFFFF;text-decoration:none}
div#navigation{position:absolute;left:0%;background:#617192;padding:10px;border-left-style:solid;border-left-width:1px}
div#navigation p{color:#FFFFFF}
div#navigation h1{color:#FFFFFF;margin:0}
div#content{position:relative;left:180px;padding:10px;background: #FFFFFF url('images/shadow.gif') repeat-y 738px 0px;
border-left-style:solid;border-left-width:1px}
div#footer {background:#FFFFFF;text-align:center;border-top-style:solid;border-top-width:1px}
div#footer p{font-size:11px}
div#container{width:920px;margin:0 auto}
div#headerlinks{width:200px;height:10px}
div#splash{width:100%;height:140px}
div#links{width:908px;height:16px}
div#navigation{width:160px}
div#content{width:720px}
div#footer{width:920px;height:30px}