I have been away from here for a while working long and hard on my site and am pleased to say the dawn broke and all suddenly went well. Almost.
The HTML and CSS are both validated (YEA!) but I have two buggies that have cropped up and I think they are position attribute conflicts of some sort. I just haven't been able to figure it out so I appeal to the big brains here again.
http://www.purplefriends.com/fouad/csstest.html - the page
http://www.purplefriends.com/fouad/csstest.html - the css
In FF, the image has decided to move south. It should be positioned next to the title heading. Other than that, all looks fine.
In IE, the image is positioned correctly BUT the tan box on the right is overlapping the banner. If I move it down, there's a gap in FF.
I did make it look right by playing with position attributes but ended up with my dropdown menu showing up in all kinds of weird places.
#ticketblock { background-color:#D7B076; width:205px; height:95px; margin:-21px 0px 0px 594px; position:relative; }
Changing the above position attribute makes the menu break in both browsers. But if I change it to static, it looks right in both browsers.
Any help for each of these problems would be gratefully appreciated!
Kathy