No replies
Nos402
Offline
newbie
Last seen: 17 years 46 weeks ago
Timezone: GMT-6
Joined: 2004-08-15
Posts: 5
Points: 0

*EDIT*
Fixed the image problem. The buttons were between paragraph tags

burninglibrary.com/index.shtml

The logo on the left, and the buttons on the right are all .gifs.

The logo is in it's own div, and the buttons are in their own div.

I have both divs positioned absolutely. The logo show up correctly in IE or Firefox, while the buttons position varies between the browsers. Can anyone tell me why and how to fix this?

Also, how can I get the top banner div to goo all the way to the right in IE? IT does in FF, but in IE there is some space left at the end. If I put a "width:100%" in the BODY, then it creates horizontal scroll bars in both browsers.

Thanks for any help. It's all still very new to me.[/url]

Style info:

body {
background:#ffcccc;
}

#mainmenu {
position:absolute;
background: #660000;
width: 100%;
top:0;
left:0;
height: 60px;
border-bottom: 2px solid #000000;
margin:0;
padding:0;
}

#logo {
position:absolute;
top:45px;
left:0;
}

#buttons {
position:absolute;
top: 12px;
right:0;
}