I have a site that I have created in WordPress using a pre-designed theme that I heavily customized.
New Living Way Christian Fellowship Church |
The site looks great in Firefox 3.6, IE 7 and IE8 but one image on the home page will not align to the right in Safari 4.x.
The image of the pastors floats to the left and directly over the Flash slideshow in Safari 4 while in the proper place in the others.
The image is using inline styles to overcome the limitations of this particular WordPress theme.
style="position:absolute; border:0;margin-top: -4px;*margin-top:-10px;"
Any ideas why this doesn't work right in Safari and what I can do to fix it?
I found the answer on another site: make the parent div (#slideshow-wrapper) position: relative and its height 362px then set image inline right property (right:-5px).