As mentioned elsewhere on this Forum, I'm new to Thematic so I'm hoping this problem will be easily solved by some more experienced users out there :)
I'm using the child-theme earlymorning as my starting place. The .sf-menu is held within the #access div and is absolute positioned. In my design, I've moved the .sf-menu lower than it is appears in the original earlymorning design - I have it with a margin-top: 250px which places it physically below the header div and actually over the extra #main-top div that comes between the #header and #main divs.
height: 32px; / this looks like height of space in IE6 between the #header and #main-top divs?
/* margin-top: 40px; */
/*** THEMATIC SKIN ***/
border-bottom: 1px solid #000;
margin-top: 250px /* 170px */;
This works fine in both Firefox and Safari, but when I test on IE6 on a PC it's not working well. It's making space between the #header and #main-top div for the .sf-menu div, so that the menu does not appear over the top (as it does in FF and Safari), but appears in space between the two.
Basically IE6 doesn't appear to be understanding the position: absolute setting on the #access div. I just can't figure it out :(
I've read through this forum and tried taking z-index off the #header div, but that didn't work. I've zero'd all the padding and margin settings on any relevant tags/classes I could find in style.css - but all to no avail.
I just know I'm missing something obvious, but can't see the wood for the trees after a night of reading and experimenting.
Site is at www(dot)weddingsax(dot)co(dot)uk
Any suggestions appreciated.