side by side image that doesn't affect IEEE class? table font and bib indexing got messed up

I am creating document for IEEE conference

documentclass[conference]{IEEEtran}
IEEEoverridecommandlockouts

Goal: Create side by side image, that doesn’t affect other table caption and bibliography indexing

What I’ve tried:

1. Using subcaption But it messed up the caption on other table and other figures

usepackage{graphicx}
usepackage[utf8]{inputenc}
usepackage[pdftex]{graphicx}
usepackage{stfloats}
usepackage{flushend}
usepackage{cite}
usepackage{subcaption}

2. Using subfig But for some reason the bib index order is messed up

usepackage{graphicx}
usepackage[utf8]{inputenc}
usepackage[pdftex]{graphicx}
usepackage{stfloats}
usepackage{cite}
usepackage{flushend}
ifCLASSOPTIONcompsoc
    usepackage{subfig}
else
usepackage{subfig}
fi

Question:

1. So what package is best to keep IEEE format when creating side by side image?
2. What I read so far subfig is the best option, but if that’s the case, what went wrong with my second try?