Skinning- Border Radius not working in IE8 / IE7

Hi,
Jdev Version: 11.1.1.5.
I have styled my command button with the border-radius. The curved edges are not showing up in Internet Explorer 7 / 8.
IE9, firefox and chrome rendering them properly.
my CSS code..
af|commandButton.testButton
    background-color: Black;
    color: White;
    width: 85px;
    height: 30px;
    font-family: Calibri;
    font-size: larger;
    border-radius: 10px;
    behavior: url(PIE.htc);
I got line num# 10 from http://css3pie.com/about/
But no luck. Can anyone help me ??
Thanks,
Saif.

Question: have you installed PIE on the IE?
Or have you just copied the line 10?
You have to install the PIE extension and hope that it work, see Getting Started &#8211; CSS3 PIE: CSS3 decorations for IE
Timo.

Similar Messages

Border-Radius Not Working in IE11 - any SharePoint Constraints?

Hi all,
I can't get Border-Radius to render rounded corners on my Divs. Is this an IE 11 or SharePoint constraint I am facing? I am not in compatibility mode.
Thanks,
Kelly
Personal Blog: http://thebitsthatbyte.com

Kelly,
Try opening up Dev Tools (F12) and setting the browser mode to edge. Does this have any effect on the rendering of your CSS? If it does - you have an X-UA-Compatible tag in your master page and the value is set to IE8.
It's not recommended you remove this because it breaks some functionality on the authoring side. What you could do is replace that line with this:
<Sharepoint:SPSecurityTrimmedControl
runat="server"
Permissions="AddAndCustomizePages"><meta
http-equiv="X-UA-Compatible"
content="IE=8"/></SharePoint:SPSecurityTrimmedControl>
And it will show at the appropriate times I believe. You can read more about the control here:
http://www.markadrake.com/blog/2013/11/21/public-sharepoint-sites-and-ie8-compatibility/
If this doesn't work please let me know.

Border radius not working in my web using firefox 18.0.2 using -moz or without

I'm using the code below for the menu of my web and it works perfect in Safari 5 and in my html editor Coda but the rounded corners are missing in Firefox 18.0.2 on my iMac, did tried several changes without success ¿can you help me please? The code:
<pre><nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apple Menu In CSS3 Only</title>
<style type="text/css">
body {
background: #ddd;
margin: 30px;
#menu {
float: left;
padding: 0;
margin: 0;
/* Box Shadow */
box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 0 #000;
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
#menu ul {
border-top: #f3f3f3 1px solid;
padding: 0;
margin: 0;
float: left;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
#menu li {
float: left;
list-style: none;
background: none;
margin-right: 1px;
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
color: #262626;
padding: 12px 28px;
text-decoration: none;
text-transform: capitalize;
/* CSS3 Text Shadow */
text-shadow: 0px 1px 1px #fff;
/* CSS3 Background Gradient */
background-image: -moz-linear-gradient(top, #cacaca, #848484);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
#menu li a:hover {
cursor: pointer;
color: #fff;
text-shadow: 0px -1px 1px #000;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #929292, #545454);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
#menu li:first-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
#menu li:last-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
a.active:link, a.active:active, a.active:visited {
color: #fff !important;
text-shadow: 0px -1px 1px #000!important;
background-image: -moz-linear-gradient(top, #444, #666)!important;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;
/* Box Shadow */
box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="active" href="index.html">home</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="project.html">projects</a></li>
<li><a href="affiliates.html">affiliates</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</body>
</html></nowiki></pre>

The code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apple Menu In CSS3 Only</title>
<style type="text/css">
body {
background: #ddd;
margin: 30px;
#menu {
float: left;
padding: 0;
margin: 0;
/* Box Shadow */
box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 0 #000;
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
#menu ul {
border-top: #f3f3f3 1px solid;
padding: 0;
margin: 0;
float: left;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
#menu li {
float: left;
list-style: none;
background: none;
margin-right: 1px;
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
color: #262626;
padding: 12px 28px;
text-decoration: none;
text-transform: capitalize;
/* CSS3 Text Shadow */
text-shadow: 0px 1px 1px #fff;
/* CSS3 Background Gradient */
background-image: -moz-linear-gradient(top, #cacaca, #848484);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
#menu li a:hover {
cursor: pointer;
color: #fff;
text-shadow: 0px -1px 1px #000;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #929292, #545454);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
#menu li:first-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
#menu li:last-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
a.active:link, a.active:active, a.active:visited {
color: #fff !important;
text-shadow: 0px -1px 1px #000!important;
background-image: -moz-linear-gradient(top, #444, #666)!important;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;
/* Box Shadow */
box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="active" href="index.html">home</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="project.html">projects</a></li>
<li><a href="affiliates.html">affiliates</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</body>
</html>

Commandmenu items highlight is not working in IE8 and firefox

HI All
i developed a menu for my project .
in that menu i have some menuitems
when i mouseover on commandmenuitem the item is highlighted .
but this is not working in IE8 and firefox ..
it is sometimes working in iE7 and some times it is not working.
Can any one help me

PDF documents are hosted in an ActiveX or netscape plugin control which have their own printing functions.
Start>Adobe Reader>Edit>Preferences - to adjust what functionality the PDF document viewer addon displays (menus etc).
Tools>Manage Addons>Show all addons
make sure you have both the x86 and x64 versions of your PDF reader Active X control installed and enabled. I would recommend also that you update to the latest version of the vendors' (Adobe?) plugin.
Possibly you have disabled scripting of ActiveX controls in the IE security zone that your parent page maps to. Also there is an IE security zone feature that prevents navigation to a domain in a zone of lower integrity.
Tools>Internet Options>Security tab, click "Reset all zones to default".
when asking developer related questions it is helpful if you can include a link to your website.
Rob^_^

OBI 11g Enterprise Manager (EM Website) does not work with IE8 (v8.0.6)

I am unable to login to the 11g EM website on Windows x64 2003 server. I get the below error:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; WOW64; Trident/4.0)
Timestamp: Wed, 6 Oct 2010 10:41:18 UTC
Message: Object doesn't support this property or method
Line: 4354
Char: 1
Code: 0
URI: http://YZU-1:7001/em/afr/partition/ie/default/opt/boot-11.1.1.3.0-0084.js
Any help is appreciated.
Thanks
B

Hi,
OBIEE 11g does not work with IE8.
Check this......What's wrong in OBIEE 11g
Regards,
Srikanth

CFGRID format=HTML not working in IE8

I'm using Cold Fusion 10 and trying a cfgrid and it does not work in IE8. It works perfectly in FF, of course. :-).
It IS within a Cfform in my .cfm file. Even when I take it down to it's simplest form to try to debug it doesn't work, but here is my original code:
<cfgrid name = "FirstGrid"
        height="200" width="700"
        font="arial" fontsize="12"
        query = "Getdates"
        SORT="Yes"
        selectmode="edit"
        format="html"
        >
        <CFGRIDCOLUMN NAME="anumber" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="No" DISPLAY="No"
        HEADERBOLD="No" HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="schoolyear" HEADER="School Year"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="Yes" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="Yes">
    <CFGRIDCOLUMN NAME="doh" HEADER="Date of Hire"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No" type="date">
    <CFGRIDCOLUMN NAME="leavedate" HEADER="Leave Date"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        FONT="Times" BOLD="No"
        ITALIC="No" SELECT="Yes"
        DISPLAY="Yes" HEADERBOLD="No"
        HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="Returnfromleavedate" HEADER="Return From Leave Date"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No">
    <CFGRIDCOLUMN NAME="terminatedresignedretireddate" HEADER="Terminated/Resigned/Retired"
        HEADERALIGN="LEFT" DATAALIGN="LEFT"
        BOLD="No" ITALIC="No"
        SELECT="Yes" DISPLAY="Yes"
        HEADERBOLD="No" HEADERITALIC="No">
    </cfgrid>
Thanks for any help!
B.

Sorry, I should have used the code tags. Let me ask that again.
I have HTML formatted data stored in VARCHAR2 columns on the database for which I am using a stylesheet to format into XSL-FO to resolve the HTML tags. For example, my data template populates a field PARAGRAPH_TEXT with content such as
<b>some bold text</b>and I am using
<xsl:apply-templates select="PARAGRAPH_TEXT"/>in my RTF template to process the data using the stylesheet to convert it to
<fo:inline font-weight="bold">some bold text</fo:inline>The HTML tags are corrrectly resolved when using the BI Publisher Word add-in and the output is correctly rendered in bold text but this does not happen when running on the server in an E-Business Suite environment due to the HTML tags in the output XML being generated as e.g. <b> instead of <b>. Has anybody experienced this and, more importantly, can anybody suggest a way of getting e.g. <b> in the XML instead of <b>

SP.UI.ModalDialog.showModalDialog(options); pop-up not working in IE8

When i click a button, a pop-up should be opened. i have written below code into a function and called it to button... It works perfect in IW 9 and IE10. but its not working in IE8. please guid me to fix it.
var options = SP.UI.$create_DialogOptions();
options.title ="CDP Access";
options.width = 400;
options.height =150;
options.html = createDialogElementCDP();
options.dialogReturnValueCallback = dialogCallback;
SP.UI.ModalDialog.showModalDialog(options);
function createDialogElementCDP()
here my content goes..
Please help me run the popup in IE8 also.
Thank you!

What if you try something like below:
EnsureScriptFunc('SP.js', 'SP.ClientContext', function () {
EnsureScriptFunc("SP.UI.Dialog.js", "SP.UI.ModalDialog.showModalDialog", function () {
var options = {
title: "CDP Access",
html:'this is html',
dialogReturnValueCallback: callback
SP.UI.ModalDialog.showModalDialog(options);
Thanks,
Sohel Rana
http://ranaictiu-technicalblog.blogspot.com

Drill Down in Pie Chart not working in IE8 / Mozilla 5

Hi Experts,
In my dashboards, drill down feature in Pie charts are not working if the flash is viewed in IE8 / Mozilla Firefox 5.
In IE7 it is working. Is there any browser settings required for this ? Pls suggest.
Drill down in column chart is working fine.
Xcelsius Version: Xcelsius 2008 SP3 FP 3.5
Browser Version: Firefox 5.0 / IE 8
Many thanks,
PASG

Hi,
You may want to download Xcelsius 2008 with SP4.
SP4 will support the newer IE 8 (32 bits) for Xcelsius related issue.
As for FireFox 5 that came out last week, this won't be supported anytime soon.
Regards,
Ken
Edited by: Ken Low on Jun 27, 2011 8:50 AM

Header border style not working in firefox....

In my skin i have declare for header text (sortable)
example for sortable header style...
af|column::sortable-header-text
background-color: #EF8A1E;
border: 1px !important;
color: #000000;
border-color:black;
border-style:none;
in IE border is comming correctly, but in firefox border is not comming for header.
why ?? is there any error on my style?? or it is not working in firefox/safari??

Hi,
try
.OraSortableHeaderBorder{
border:2px ;border-width: 2px ;border-style: solid ;
Frank

Float not working properly in IE7

Hi,
I'm a beginner to coldfusion and am having a problem with a site. It looks fine in Internet Explorer 8 and Firefox, but in Internet Explorer 7, the float is not working. The element that's supposed to appear to the right is showing up under the element with the left float.
Here is the screenshot of IE7.
Here is the screenshot of IE8.
Any help would be appreciated!
Thanks,
vpl7

Hi Adam,
I am using Coldfusion 3.2.
Server OS:Windows 7

<div style="height:100%; width:470px; float:left;">
     <ui:datagrid id="reportGrid" loadOnce="false" displayPaging="true" width="470">
         <ui:datagridcolumn column="YEAR_WEEK" label="Week" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_COUNT_N" label="No" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_COUNT_Y" label="Yes" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_COUNT_MGRDECL" label="Manager Declined" sortable="false"           sorttype="int" align="right">
         <ui:datagridcolumn column="GRAND_TOTAL" label="Grand Total" sortable="false" sorttype="int"           align="right">
     </ui:datagrid>
     <chart:storeOpsHitRateByWeek locationGroupId="#locationGroupId#" alertType="#alertType#"      startDate="#startDate#" endDate="#endDate#">
</div>

<div style="100%; width:470px;float:right;">
     <ui:datagrid id="reportGridPercentage" loadOnce="false" displayPaging="true" width="480">
         <ui:datagridcolumn column="YEAR_WEEK" label="Week" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_N_PERCENT" label="No (%)" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_Y_PERCENT" label="Yes (%)" sortable="false" sorttype="int" align="right">
         <ui:datagridcolumn column="ACTION_MGRDECL_PERCENT" label="Manager Declined (%)" sortable="false" sorttype="int" align="right">
     </ui:datagrid>
     <chart:storeOpsHitRateByWeekPercent locationGroupId="#locationGroupId#" alertType="#alertType#" startDate="#startDate#" endDate="#endDate#">
</div>
The right hand div is showing on next line after the first div not on the same line.

CSS Menu drop down part not working for ie8 and flashing shut on iPhone 5 browser

My CSS drop down menu will not show up in ie8 and flashes then shuts on iPhone 5 browsers (responsive design)..using code from a themeforest template. I am using CSS (HTML only) in the BC menu system. without further adieu here is the code.
HTML (I removed the BC javascript)______________________
<div id="navigation">
<ul>
<li><a href="/index.htm">Home</a></li>
<li><a href="/about">About</a>
<ul>
<li><a href="/leadership">Leadership</a></li>
<li><a href="/giving">Giving</a></li>
<li><a href="/careers">Careers</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</li>
</ul>
</div>
CSS______________________
#navigation {
float: right;
#navigation ul, #navigation li {
list-style:none;
padding:0;
margin:0;
display:inline;
#navigation ul li{
float:left;
position:relative;
#navigation ul li a {
font-family: Arial, sans-serif;
display: inline-block;
color: #888;
padding: 40px 6px 10px 6px;
margin: 0 5px;
text-decoration: none;
font-size: 14px;
border-bottom: 3px solid transparent;
#navigation ul li a:hover{
border-bottom: 3px solid #555;
#navigation ul ul {
opacity: 0;
margin: -3px 0 0 5px;
filter: alpha(opacity=0);
position: absolute;
top:-99999px;
left: 0;
background: #fff;
border: 1px solid #dddddd;
border-top: 3px solid #555;
z-index: 999;
#navigation ul ul li a:hover {
border-bottom: 1px solid #ddd;
#navigation ul ul li a {
padding: 8px 0;
display: block;
width: 130px;
margin: 0 16px;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
border-bottom: 1px solid #dddddd;
border-top: 1px solid transparent;
#navigation ul ul ul {
position:absolute;
top:-99999px;
left:100%;
opacity: 0;
margin: -3px 0 0 0;
z-index: 999;
#navigation ul ul ul li a {
border-bottom: 1px solid #dddddd !important;
border-top: 1px solid transparent;
#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
border-bottom: 1px solid transparent
#navigation ul ul ul li:last-child a {
border-bottom: 1px solid transparent !important
#navigation ul li:hover>ul{
opacity: 1;
position:absolute;
top:99%;
left:0;
#navigation ul ul li:hover>ul{
position:absolute;
top:0; left:100%;
opacity: 1;
z-index:497;
background: #fff border: 0;
#navigation ul li:hover > a {
color: #444;
#navigation ul ul li:hover > a {
border-top: 1px solid transparent;
color: #444;
#current {
font-weight: bold !important;
color: #444 !important;
border-bottom: 3px solid #555 !important;

Well to show the menu it runs off opacity, Opacity is not cross browser and IE8 as you noticed will not work with it.
This menu method of a CSS menu is also not mobile friendly.
You will need the MS filters to work in older IE's
http://css-tricks.com/snippets/css/cross-browser-opacity/

Drop down not working in ie8

Hi and thanks in advance for any help you can provide.
I have a site http://www.webworksnow3.com/src id:src, pwd:src12345. There is a spry horizontal menu and a spry vertical menu on the pages under "About Us". When on one of the children pages with an active vertical menu, the horizontal menu "About Us" drop down does not work. Check it out on any of the pages "Our Firm" or "Our Team". It works in Firefox but not ie.
Code for Our firm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Discretionary Investment Management since 1938</title>

<link rel="icon" type="image/x-icon" href="images/logo.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function InitPage() {
Spry.$$('.MenuBarVertical li').forEach(function(node){
     var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
     if(a.href == window.location){
         Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>

</head>
<body>
<div id="container">
<div id="header">
    <div id="phone">212.754.5100</div>
    
</div>
<div id="menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.php">Home</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About Us </a>
        <ul>
          <li><a href="ourFirm.php">Our Firm</a></li>
          <li><a href="ourTeam.php">Our People</a></li>
          <li><a href="adv.php" title="Investment Advisory Brochure">Investment Advisory Brochure</a></li>
        </ul>
      </li>
      <li><a href="philosophy.php">Philosophy</a>      </li>
      <li><a href="services.php">Services</a></li>
      <li><a href="contact.php">Contact Us</a></li>
    </ul>
</div>

<div id="main">
<div id="rightPage">
<div id="sidebarNav">
    <h2>About Us</h2>
        <ul id="MenuBar2" class="MenuBarVertical">
            <li><a class="activeMenuItem" href="ourFirm.php" title="Our Firm">Our Firm</a>          </li>
            <li><a href="ourTeam.php" title="Our People">Our People</a></li>
            <li><a href="adv.php" title="Investment Advisory Brochure">Investment Advisory Brochure</a>          </li>
</ul>
</div>
<div id="quoteDiv">
   Earning our clients' trust for over 70 years
</div>
      <div id="sidebarContainer">
        <?php require_once('sidebar.inc.php'); ?>
      </div>
    </div>
    <div id="leftPage">
<div id="pageTitle">
    <h1>Shufro, Rose & Co.</h1>
    </div>
<div id="subHeading">
<h2>Leaders in Discretionary Wealth Management</h2>
</div>
        <div id="pageContent">
          <p><img src="images/wall-street-for-about.png" alt="Discretionary investment management - Shufro Rose & Co." width="120" height="180" hspace="0" vspace="27" align="left" /></p>
          <p> </p>
          <p>Shufro, Rose & Co. (SRC) was founded as a partnership in 1938. We are members of the New York Stock Exchange and are among the oldest such firms specializing in the discretionary management of investment portfolios. We are independent and owned entirely by our working Principals, each of whom is a Senior Managing Director. The Principals of SRC have worked together for many years; three have been in the investment business for more than forty years. Foremost in our minds is that putting our client’s interests first and producing good investment results are the most important services we can provide. In numerous instances we now advise the fourth successive generation of a family. These long relationships as well as the growth in our assets under management attest to our diligence on behalf of our clients.</p>
      </div>
      </div>
    </div>
      <script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>

</div>
<div id="footerContainer">
<div id="footer">
    <div id="footerText">745 Fifth Avenue | New York, NY 10151-2600 | (212) 754-5100 | (212) 754-5111 (Fax)</div>
    <div id="subFooter"><a href="legal.php" title="Privacy Policy" target="_blank">Privacy Policy</a> | <a href="legal.php" title="Business Continuity" target="_blank">Business Continuity</a> | <a href="legal.php" title="Order Routing" target="_blank">Order Routing</a></div>
    <div id="illus">Illustration: Kenneth Noland, Mysteries: Yellow and Blue 2000</div>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Horizontal CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
padding: 0;
list-style-type: none;
font-size: 16px;
cursor: default;
width: 720px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: Georgia, "Times New Roman", Times, serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
padding: 0;
list-style-type: none;
font-size: 16px;
position: relative;
text-align: center;
cursor: pointer;
width: 7.8em;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FF0;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 7.0em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 12em;
border: none;
background-color: #224769;
text-align:left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/*border: 1px solid #CCC;*/
ul.MenuBarHorizontal ul li
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FEEF50;/*border: 1px solid #CCC;*/
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background: transparent;
color: #FEE54B;
text-decoration: none;
padding-top: 0.4em;
padding-right: 0.75em;
padding-bottom: 0.4em;
padding-left: 0.75em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
background-image: url(../images/grad2.png);
background-repeat: repeat-x;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #FFF;
background-image: url(../images/grad2.png);
background-repeat: repeat-x;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
/* background: #FFF;*/
Vertical CSS:
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 190px;
text-align:left;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 180px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
.activeMenuItem a {
color: #FFF;
ul.MenuBarVertical a
display: block;
cursor: pointer;
color: #666;
text-decoration: none;
padding-top: 0.5em;
padding-right: 0px;
padding-bottom: 0.5em;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #313538;
color: #FFF;
background-image: url(../images/vertMenuBg.png);
background-repeat: repeat-x;
.activeMenuItem {
background-color: #CCC;
background-image: url(../images/vertMenuBg.png);
background-repeat: repeat-x;
color:#FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #30363C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
#container #main #rightPage #sidebarNav #MenuBar2 li .activeMenuItem {
color: #FFEA51;
Thanks!

Wow, Thanks so much!
I was using a template for the sub pages and I was sticking things in the editable regions, not paying attention to order. I pulled the DOMUtils out and put it as the first <script> on all pages and it works!
Thanks so much for taking the time. You are truly amazing!

Spry Vertical Menu Bar not working in IE8

I've upgraded to 1.6.1, but it still doesn't work in IE8 unless in compatibility mode. http://jimgreenrealty.com/Test.html
Works fine in other browsers and other Spry elements appear to work normally in IE8. Can anyone help?
Thanks,
Steve B.

If you deselect compatibility mode on IE8 the menu bar disappears (on
all our computers anyway). Works fine in all other versions of IE and
all other browsers. Updated to Spry 1.6.1 and still no avail.
Here it is w/o the emulating statement: http://jimgreenrealty.com/Test.html
The other pages on the site still have it.
Thanks for looking at it.
*/ <mailto:[email protected]>
<mailto:[email protected]>/*
Message was edited by: RRR Trail
Not sure how this forum works, I responded by email and it posts my email address. I don't seem to be able to edit to remove it. Please remove the email address. Thanks,

Webpart Title and Border Does not Work

The Chrome type "title and border" does not display the title or border on webparts. The problem is trivially reproduced:
1. Create a new blank site.
2. Add a webpart to it. Not important which one.
3. Change the chrome to title and border.
4. Apply the changes and save.
5. Note the absence of title or border.
Try changing the chrome type to either title or border and they work individually but together they do nothing. I have seen others report this issue of various forums but never a resolution. This worked in 2010 and does not work in 2013. I am using IE 11
but it also didn't work with older versions of IE.

Hi Colin,
Could you describe how it displays when you set Chrome Type as Title and Border ? For clearly, you could compare different Chrome Types in one page and post it here, it will help to understand the issue.
I reproduced the issue by adding five webparts of the same library named doclib into one page, and set the Chrome Type as Default, None, Title and Border, Title Only, Border Only, respectively.
As you could see from above, Default displays as Title Only.
Regards,
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected] .
Rebecca Tu
TechNet Community Support

Button not working on Windows IE7

Hi, I'm having trouble with this site
(www.clermontgreene.com). For some reason the submit button in the
contact form does not work on a windows PC using a IE7 browser or
Firefox browser. It does however work fine on a Mac using any
browser. Does anyone have any idea as to why this may be?
Thanks.

This forum is for questions from developers about how to use the Windows Forms libraries to develop .Net applications. For questions about using Windows, try
Microsoft Answers.

Skinning- Border Radius not working in IE8 / IE7

Similar Messages

Maybe you are looking for