Mawhorter.net Forums

I'm currently setting up a wordpress installation with flir and am experiencing the problems with safari described in Font color changes 1 in 4 refreshes in Safari and safari rendering flir titles with default styles 1/3 of the time. It seems like the solutions suggested in Font color changes 1 in 4 refreshes in Safari - namely putting the scripts in the body and specifying the FLIRStyle explicitly - are already implemented in the wordpress plugin. So I'm not sure what else I can do. Am I missing something?

I also found something really weird, where it only stuffs up in safari when I enable flir for my menu css selector (using the 'Elements to Replace' section, which adds the FLIRStyle code in the footer). My css looks like:

.menu .sf-menu li {
  font-family: notestecmonoregular, "Trebuchet MS", Helvetica, Jamrul, sans-serif; 
  font-size: 1.8em;
}

.menu .sf-menu li a {
  border: none;
  text-transform: uppercase;
  color: black;
  
  padding: 3px 3px 18px 3px;
  margin: 0 3px 0 3px;
}

.menu .sf-menu li a:hover {
  background-color: #00c58d;
}

I've tried several combinations of putting in li a, li, li a and li into the 'Element Types to Replace' field and moving font declarations around in the css - only to be able to vary the frequency of safari stuffing up, but not being able to stop it from happening. When it does stuff up, sometimes the <a> image goes missing, sometimes the <a:hover> image goes missing, or in the worse case, all images show, but show in the default safari styles, disregarding my css. A refresh of the page always fixes these though. Not sure if this is 1 problem or 2 problems.

Deselecting the menu from the 'Elements to Replace' section (ie, not using flir at all for the menu), seems to prevent safari from ever applying default styles (actually it did happen once, in about 100 or so refreshes...but I think it's because of the cache clearing)

Anyone have any idea how to fix this?