Tying to get my rather graphical page here to stretch to fit changing resolutionns. But am experiancing a few troubles getting the <div>'s i am using to align right in different browsers.
1. On the corners of the box that containes the main content, I am trying to get put a picture (two leaves) to create a nice corner, have tried boath <img> and <div> backgrounds, but i cant make it work in IE and Firefox at the same time. Presently it works in IE. (But not in Safari, FF or Mac IE, maybe more.)
2. The gap between the nav bar at the top and the content. I can remove it by starting the the conent <div> with a <span> element, but I was wondering if there wasent another way of doing it, was thinking maybe a negative margin or something, but dont really like that idea either.
Page to look at:
There are other issues I know that need to be resolved, just havent gotten there yet. But would appriciate input on anything you see that might be a problem. Thanks a lot.
1. On the corners of the box that containes the main content, I am trying to get put a picture (two leaves) to create a nice corner, have tried boath <img> and <div> backgrounds, but i cant make it work in IE and Firefox at the same time. Presently it works in IE. (But not in Safari, FF or Mac IE, maybe more.)
2. The gap between the nav bar at the top and the content. I can remove it by starting the the conent <div> with a <span> element, but I was wondering if there wasent another way of doing it, was thinking maybe a negative margin or something, but dont really like that idea either.
Page to look at:
There are other issues I know that need to be resolved, just havent gotten there yet. But would appriciate input on anything you see that might be a problem. Thanks a lot.